뚜벅이 한걸음

html5+css+Javascript 03 open challenge 본문

HTML

html5+css+Javascript 03 open challenge

뚜벅뚜벅뚜벅이 2022. 7. 8. 21:13
반응형

컴퓨터 기술 소개 웹 페이지 : 구조화 및 웹 폼 삽입

 

컴퓨터 기술 소개 웹 페이지 : 구조화 및 웹 폼 삽입

스마트폰

스마트폰은 컴퓨터를 결합한 무선 휴대전화 기기이다.

역사
최초의 스마트폰은 IBM 사이먼이다. IBM사가 1992년에 설계하여 그 해에 미국 네바다 주의 라스베이거스에서 열린 컴댁스에서 컨셉 제품으로 전시되었다. 1993년에 대중에게 공개되었고 벨사우스에게 팔렸다.

안드로이드
안드로이드(영어: Android)는 스마트폰, 태블릿 PC 같은 터치스크린 모바일 장치 용으로 디자인된 운영 체제이자 수정된 리눅스 커널 버전을 비롯한 오픈 소스 소프트웨어에 기반을 둔 모바일 운영 체제다. 또한, 운영 체제와 미들웨어, 사용자 인터페이스 그리고 표준 응용 프로그램(웹 브라우저, 이메일 클라이언트, 단문 메시지 서비스(SMS), MMS 등을 포함하고 있는 소프트웨어 스택이자 모바일 운영 체제이다.

아이폰
아이폰(영어: iPhone)은 미국 애플이 디자인하고 마케팅한 터치스크린 기반 휴대 전화 계열이다. 애플의 iOS 모바일 운영 체제를 사용한다. 1세대 아이폰은 애플의 공동 창립자 스티브 잡스가 2007년 1월 9일 발표하였고 제품은 2007년 6월 29일 출시되었다
<!DOCTYPE html>
<html>
<head>
<title>컴퓨터 기술 소개 웹 페이지 : 구조화 및 웹 폼 삽입</title>
<meta charset="utf-8">
</head>
<body>
<header>
<dl>
	<h2><b>스마트폰</b></h2>
<dd>스마트폰은 컴퓨터를 결합한 무선 휴대전화 기기이다. </dd>
</dl>		
<audio src="meterials/sample.mp3" controls loop autoplay></audio>
</header>
<nav>
<h3><b>목차</b></h3>
<ul>
	<a href="#history" ><li>역사</li></a>
	<a href="#android"><li>안드로이드폰</li></a>
	<a href="#iphone"><li>아이폰</li></a>
	<a href="#sample" ><li>샘플</li></a>
</ul>
</nav>
<section>
<article>
	<a href="https://ko.wikipedia.org/wiki/%EC%8A%A4%EB%A7%88%ED%8A%B8%ED%8F%B0" id="history"><h3>역사</h3></a>
		<h5>최초의 스마트폰은 IBM 사이먼이다. IBM사가 1992년에 설계하여 그 해에 미국 네바다 주의 라스베이거스에서 열린 컴댁스에서 컨셉 제품으로 전시되었다. 1993년에 대중에게 공개되었고 벨사우스에게 팔렸다.</h5>
	</article>
	<article>
	<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)" id="android" ><h3>안드로이드</h3></a>
		<h5>안드로이드(영어: Android)는 스마트폰, 태블릿 PC 같은 터치스크린 모바일 장치 용으로 디자인된 운영 체제이자 수정된 리눅스 커널 버전을 비롯한 오픈 소스 소프트웨어에 기반을 둔 모바일 운영 체제다.
			 또한, 운영 체제와 미들웨어, 사용자 인터페이스 그리고 표준 응용 프로그램(웹 브라우저, 이메일 클라이언트, 단문 메시지 서비스(SMS), MMS 등을 포함하고 있는 소프트웨어 스택이자 모바일 운영 체제이다.</h5>
	</article>
	<article>
		<a href="https://ko.wikipedia.org/wiki/%EC%95%84%EC%9D%B4%ED%8F%B0" id="iphone" ><h3>아이폰</h3></a>
		<h5>아이폰(영어: iPhone)은 미국 애플이 디자인하고 마케팅한 터치스크린 기반 휴대 전화 계열이다. 애플의 iOS 모바일 운영 체제를 사용한다. 
			1세대 아이폰은 애플의 공동 창립자 스티브 잡스가 2007년 1월 9일 발표하였고 제품은 2007년 6월 29일 출시되었다</h5>
	</article>
	<article>
	<a id=sample><h3>샘플</h3></a>
	<table>
	<caption>스마트폰 샘플</caption>
	<thead>
		<tr><th><img src="image/samsungsmartphone.jpg " alt="smartphonepic" width="500" height="200"></th></tr>
	</thead>
	</table>
</article>
</section>
<footer>
	<a href="03 open challenge form.html" target="_blank" >설문조사</a>
</footer>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>open challenge form</title>
</head>
<body>
<header>
	<h1>설문지</h1>
	소프트웨어 기술에 관한 의견을 듣습니다. 많은 참여 부탁드립니다. 
<br><hr><br>
</header>
<section>
	<label name="grade">
		학년 <input type="radio">1학년
		<input type="radio">2학년
		<input type="radio">3학년
		<input type="radio">4학년
	</label><br>
	<label name="gender">
	성별 <input type="radio">남
		<input type="radio">여
	</label><br>
	<label>
		관심분야 <input type="text" list="softwear">
		<datalist id="softwear">
			<option value="모바일 소프트웨어">
			<option value="컴퓨터">
			<option value="소프트웨어">
		</datalist>
	</label><br>
	<label name="grade">
		학년 <input type="checkbox">개발
		<input type="checkbox">기획
		<input type="checkbox">영업
		<input type="checkbox">창업
	</label><br>	
	<label>
		남기고 싶은 말<br>
		<textarea cols="100" row="500" placeholder="글을 남겨주세요"></textarea>
	</label>
</section>
</body>

</html>
반응형
저작자표시 비영리 변경금지

'HTML' 카테고리의 다른 글

웹 폼  (0) 2022.07.08
html 5 문서의 시멘틱 웹과 시멘틱 맵  (0) 2022.07.08
html5+ css3+Javascript 2장 open challenge 2  (0) 2022.07.08
미디어 삽입 <audio>,<video>  (0) 2022.07.08
인라인 프레임,<iframe>  (0) 2022.07.08
'HTML' Related Articles more