728x90
생능출판사 명품 HTML5+CSS3+Javascript 웹 프로그래밍 수정판
p.104 Open Challenge 02 컴퓨터 기술 소개 웹 페이지: HTML 태그로 만들기
컴퓨터의 기술 중 한 가지를 소개하는 웹 페이지 2.html을 작성하라. HTML5 태그로 다음 요소를 모두 삽입하라. 웹 페이지가 출력되면 바로 배경 음악이 연주되게 하라.
웹 페이지가 출력되는 동시에 음악 연주 무한 반복- 리스트, 표, 이미지
- 목차 부분은 링크로 만들고 본문에 앵커를 만들어 연결
- 관련 정보를 클릭하면 웹 페이지를 새 창이나 탭에 출력하도록 링크 작성
코드
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>컴퓨터 기술 소개</title>
</head>
<body>
<h1>스마트폰</h1>
스마트폰은 컴퓨터를 결합한 무선 휴대전화기이다. PC에서 실행되는 운영체제보다 작게 만든 모바일 운영체제를 탑재하여 인터넷 검색, 전자우편, 간단한 문서 편집, 카메라, 오디오 및 비디오 재생 등 PC의 기능을 거의 모두 갖추고 있다.<br>
<h2>목차</h2>
<ul>
<li><a href="#history">역사</a>
<li><a href="#android">안드로이드폰</a>
<li><a href="#iPhone">아이폰</a>
<li><a href="#sample">샘플</a>
</ul>
<h2 id="history"><a href="https://ko.wikipedia.org/wiki/%EC%8A%A4%EB%A7%88%ED%8A%B8%ED%8F%B0" target="_blank">역사</a></h2>
최초의 스마트폰은 사이먼(Symon)으로 추정된다. IBM사가 1992년에 설계하여 그 해에 미국 네바다 주의 라스베이거스에서 열린 컴댁스에서 컨셉 제품으로 전시되었다.
<h2 id="android"><a href="https://ko.wikipedia.org/wiki/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C_(%EC%9A%B4%EC%98%81_%EC%B2%B4%EC%A0%9C)" target="_blank">안드로이드</a></h2>
안드로이드(영어: Android)는 휴대 전화를 비롯한 휴대용 장치를 위한 운영 체제와 미들웨어, 사용자 인터페이스 그리고 표준 응용 프로그램(웹 브라우저, 이메일 클라이언트, 단문 메시지 서비스(SMS), MMS 등을 포함하고 있는 소프트웨어 스택이자 모바일 운영 체제이다.
<h2 id="iPhone"><a href="https://ko.wikipedia.org/wiki/아이폰" target="_blank">아이폰</a></h2>
아이폰(영어: iPhone)은 2007년 1월 9일, 애플이 발표한 휴대 전화 시리즈이다. 미국 샌프란시스코에서 열린 맥월드 2007에서 애플의 창업자 중 한명인 스티브 잡스가 발표했다.
<h2 id="sample">샘플</h2>
<table>
<caption>스마트폰샘플</caption>
<tr>
<td><img src="media/galaxys7.png" width="150" height="300"></td>
<td><img src="media/iphone6.PNG" width="150" height="300"></td>
<td><img src="media/tizen.png" width="150" height="300"></td>
<td><img src="media/windowphone.PNG" width="150" height="300"></td>
<td><img src="media/nokia.PNG" width="150" height="300"></td>
</tr>
</table>
</body>
</html>
결과
링크를 클릭하면 탭이 나옴
728x90
'개발 > 책' 카테고리의 다른 글
[명품 웹 프로그래밍] 3장 Open Challenge (0) | 2021.10.11 |
---|---|
[안드로이드 프로그래밍] 4장 직접 풀어보기 4-3 (0) | 2021.10.09 |
[안드로이드 프로그래밍] 6장 직접 풀어보기 6-3 (0) | 2021.10.09 |