(9)명품 웹프로그래밍 2장

[문제]

##알아야 할 개념 :

Anchor 기법 : 스크롤 없이 해당 내용으로 링크 클릭시 아동 방법 :

해당 태그의 속성 id 에 속성값으로 이름을 정한다.
<a>태그에 링크를 걸 때, src가 아닌 href 속성에 파일명 + #id속성값 을 기입하면 된다.

##코드 :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>컴퓨터 기술 소개</title>
</head>
<body>
    <h1>스마트폰</h1>
    <p>
        스마트폰은 컴퓨터를 결합한 무선 휴대전화기기이다. PC에 실행되는 운영체제보다 작게 만든 모바일 운영체제를 탑재하여 인터넷 검색, 전자우편, 간단한 문서 편집, 카메라,오디오 및 비디오 재생등 PC의 기능을 거의 모두 갖추고 있다.
    </p>
 
    <audio src="애국가(1절).mp3" controls></audio>
 
    <h3>목차</h3>
    <ul>
        <li>
            <a href = "웹페이지2.html#theme_1">역사</a>
        </li>
        <li>
            <a href = "웹페이지2.html#theme_2">안드로이드</a>
        </li>
        <li>
            <a href = "웹페이지2.html#theme_3">아이폰</a>
        </li>
        <li>
            <a href = "웹페이지2.html#theme_4">샘플</a>
        </li>
    </ul>
 
    <h3 id = "theme_1">역사</h3>
    
<pre>
    사실 20세기에도 스마트폰과 비슷한 티비폰, 스크린폰 등 상상 과학품 전시대회나 SF에 나오기는 했다.
    다만 터치스크린폰이 대중화되기 전인 2009년 이전만해도 사실상 스크린 터치폰은 공상의 영역이다.
    예를 들면 1965년에 이정문이 그린 2000년대의 생활상에 소형 TV 전화기가 있다.
    그러니까 1960년대에도 공상의 영역에서는 존재했다는 것이다.
 
    존 스컬리의 지식 탐색기, Newton MessagePad(1993)를 참고하면 초창기 디바이스 이해에 도움이 된다.
    본격적인 초창기 디바이스는 IBM 사이먼, 팜톱 컴퓨터, PDA, Palm OS(1996~2008), 클리에(2000~2004)참고. Windows Mobile, 심비안, 블랙베리 OS는 후술.
 
    2008년에는 "휴대폰은 적어도 이렇게 바뀌어야 한다!!"라며 주장하는 이도 있었다.
    노트북에다 핸드폰을 박아쓰지, 액정 4인치면 그거부터가 휴대폰이라 부를수가없지 등 많은 성토를 받았지만,
    불과 2년 뒤 성지순례길이 되었다.[2][3] 해당 글은 매년 N년 전 예언에서 N이 1씩 커진 제목으로 올라오고 있다.
</pre>
<h3 id = "theme_2">안드로이드</h3>
    
<pre>
    Android는 Linux 커널을 기반으로 Google에서 제작하고 있는 범용 모바일 운영 체제와 미들웨어 및 중요 애플리케이션이 포함된 배포판이다.
    Google은 새로운 운영 체제의 버전 공개와 동시에 소스를 공개하고 있다. 이렇게 공개된 소스를 AOSP라고 한다.
    
    의외로 많이들 지나치는 사실이지만 원래는 Google에서 개발한 운영체제가 아니다.
    앤디 루빈이 설립한 Android Inc.에서 개발했으며 이후 Google이 이 회사를 인수하여 구글에서 개발을 하고 있다.
    
    Android는 세계에서 가장 대표적인 오픈 소스 플랫폼이며 세계 최다 사용자를 보유한 모바일 운영 체제다.
    소스코드 공식 사이트 2008년 9월에 1.0 버전이 첫 등장했다.
    
    개방성과 범용성이 뛰어나 여러 플랫폼으로 이식 및 개발이 가능하다.
    
    2021년 기준 Android (72.20%)와 iOS 점유율 (26.99%)을 합치면 99.18%이다.
    스마트폰 OS 점유율 3위였던 Windows Phone의 점유율조차 0.02%까지 떨어 져서[3] 결국 Microsoft에서도 모바일 운영 체제 시장 포기를 선언하였고
    [4] 모바일 OS 시장은 Android와 iOS로 정리되었다. iOS는 Apple 전용 운영 체제이고 KaiOS는 피쳐폰 전용 OS니 사실상 아이폰과 하모니 OS를 탑재한 화웨이를 제외한 시장에 출시된 모든 스마트폰에 탑재되어 있는 셈이다.
    자세한 내용은 운영체제/점유율 문서를 참조.
</pre>
 
<a href="https://namu.wiki/w/iPhone" target="_blank"><h3 id = "theme_3">아이폰</h3>
</a>    
<pre>
    Apple이 MacWorld 2007에서 최초로 공개한 iOS 운영체제로 구동되는 스마트폰 시리즈.
 
    2021년 9월 기준 누적 판매량 20억 대를 돌파한 것으로 추정되고 2021년 1월 기준 활성 iPhone 사용자 수는 10억 명 이상이다.
    Apple은 본래 컴퓨터 사업으로 출발한 회사지만, 스마트폰 시장이 급속히 성장하면서 iPhone이 최대 사업으로 변모했다.
    실제로 Apple의 주가는 iPhone이 공개된 초창기인 2009년 즈음을 기점으로 가파르게 상승하기 시작하였다.
    삼성 갤럭시와 함께 세계 스마트폰 시장의 1인자 위치를 두고 경쟁 중이며, 2023년 4분기에는 잠시 전 세계 스마트폰 점유율 1위를 차지하기도 하였다.[1]
    
    2022년 1월 9일 공개 15주년을 맞았고, 6월 29일 발매 15주년을 맞았다.</pre>
 
<h3 id = "theme_4">샘플</h3>
<table>
    <caption></caption>
    <tbody>
        <tr>
            <img src="스마트폰들.jpg" width="600" height="400">
        </tr>
    </tbody>
</table>
 
 
Copyright 2022 by Kitae
 
</body>
</html>
Colored by Color Scripter

cs

##출력장면 :

저작자표시

'웹프로그래밍 > 웹프로그래밍수업' 카테고리의 다른 글

(11)명품 웹프로그래밍 3장_Html5문서 구조화와 웹폼_2 (0)	2024.09.21
(10)명품 웹프로그래밍 3장_Html5문서 구조화와 웹폼_1 (0)	2024.09.21
(8)명품 웹프로그래밍 2장 실습문제 (0)	2024.09.14
(7)2장_이론_6_HTML의 태그의 구성_6 (0)	2024.09.14
(6)2장_이론_5_HTML의 태그의 구성_5 (0)	2024.09.13