2015. 5. 16. 21:04 인터넷/웹사이트/HTML
HTML 기초
T.E.A. = Tag + Element + Attribute_block(=name+value) ==>> "즉, "객체""
<tag attribute_name="attribute_value">element</tag>
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" /> <!--웹페이지의 추가정보-->
<title>:::Welcome to LikeTEH:::</title>
<script></script> <!--스크립트 추가-->
<style></style> <!--스타일시트추가-->
<link /> <!--다른 파일추가-->
<base /> <!--웹페이지의 기본경로 지정-->
</head>
<body>
<h1>Hello World!</h1>
<a href="#">빈 링크입니다.</a>
<a href="#myid1">페이지 내부 이동 링크입니다.</a><br />
<audio src="mymusic.mp3" loop controls></audio><br />
<video src="myvideo.webm" controls width="640" height="360"></video>
<!--get방식은 url주소에 데이터를 append하여 전달하고
post방식은 별도로 보내므로 데이터용량에 제한없음 -->
<!--method속성의 값: get/post/put/delete-->
<form action="action.asp" method="get">
<label>주소</label>
<!--input type속성의 값(HTML4): button/checkbox/file/hidden/image/password/radio/reset/submit/text-->
<!--type속성의 값(HTML5): color/date/datetime/email/month/number/range/search/tel/time/url/week-->
<input type="text" name="address" />
<textarea>여기에 기타요청사항을 적어주세요</textarea>
<input type="submit" />
</form><br />
<select multiple="multiple">
<optgroup label="분식">
<option>김밥</option>
<option>라면</option>
<option>만두</option>
</optgroup>
<optgroup label="한식">
<option>비빔밥</option>
<option>불고기</option>
<option>된장찌개</option>
</optgroup>
</select><br />
<!--공간분할태그: div는 block(세로)으로, span은 inline(가로)로-->
<!--HTML5에서는 sementic("의미론적") tag를 사용하는 것이 바람직함-->
<!--sementic tag: header/footer/nav/aside/section/article-->
<div id="myid1">div공간분할1</div>
<div>div공간분할2</div>
<div>div공간분할3</div>
<span>span공간분할1</span>
<span>span공간분할2</span>
<span>span공간분할3</span>
</body>
</html>
'인터넷/웹사이트 > HTML' 카테고리의 다른 글
| name과 id의 차이점 (0) | 2015.05.17 |
|---|
