Ex2Structure 부분 소스
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HTML 문서 구조</title>
</head>
<body>
<h2 style="text-align:center">html 문서 구조
</h2>
</body>
</html>
<!--
1. Document Type Declaration (Optional) : 문서 표준 선언
<!DOCTYPE .....>
2. html 요소
html 문서의 최상위 요소
모든 html 문서는 하나의 html 요소를 포함해야 합니다.
<html>
3. head 요소
문서와 관련된 정보를 선언하는 영역
화면에 표시되지는 않지만 브라우저가 문서를 처리하는데 필요한 정보를 제공
title, meta 등의 하위 요소를 포함 할 수 있습니다.
<head>
</head>
4. body 요소
화면 표시될 내용을 포함하는 영역
다양한 하위 요소를 이용해서 문서의 내용을 표현
<body>
</body>
</html>
-->
<!-- 5. 주석 -->
<!-- 여기에 포함 되는 내용은 브라우저에 의해 처리 되지 않습니다. -->
Ex03BasicRule.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<h2>TEST
</h2>
test
<br />
test
<hr width="500" align="center" />
</body>
</html>
<!--
1. Matkup을 이용해서 메타데이터와 문서의 구조를 표현
2. 대소문자를 구분하지 않습니다. (대소문자를 구분해서 표현하는 것을 권장)
3. 시작요소와 종료요소는 항상 짝을 이루어서 표시되어야 합니다.
- <마크업>데이터</마크업>
- 내용이 없는 요소는 빈요소 형식으로 표현
<마크업 />
4. 마크업이 중첩되는 경우 포함 포함관계가 명확해야 합니다.
<parent><child></child></parent> : O
<parent><child></parent></child> : X
5. Attribute를 이용해서 요소의 속성을 정의
<element attribute1='value1' attribute2='value2' />
Attribute는 ''또는 ""를 이용해서 표시('...", "...' : X)
순서는 자유롭게 선택 가능
동일속성을 중복할 수 없습니다.
-->
Ex04Element1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- title : 문서 제목 (browser caption / tab 제목 표시) -->
<title>문서 제목</title>
<!-- meta : 문서 관련 정보 제공 -->
<meta name="keywords" content="html,dotnat,c#" />
<meta name="author" content="mycompany" />
<meta http-equiv="content-type" content="text/html;charset=euc-kr" />
<meta http-equiv="refresh" content="3;url=http://www.naver.com" />
</head>
<body>
<h2 style='text-align:center'>head에 포함되는 요소</h2>
</body>
</html>
Ex05Element2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>제목 표시 요소</title>
</head>
<body>
<h1>단락의 제목 입니다.</h1>단락의 제목입니다.
<h2>단락의 제목 입니다.</h2>단락의 제목입니다.
<h3>단락의 제목 입니다.</h3>단락의 제목입니다.
<h4>단락의 제목 입니다.</h4>단락의 제목입니다.
<h5>단락의 제목 입니다.</h5>단락의 제목입니다.
<h6>단락의 제목 입니다.</h6>단락의 제목입니다.
<hr /><!-- horizontal rule : 수평방향의 직선 표시 -->
<p><!-- paragraph : 문단을 표시 (br * 2와 같은 효과 발생) -->
첫번째 달락의 첫번째 문장입니다.<br /><!-- line break : 줄바꿈 -->
첫번째 달락의 첫번째 문장입니다.<br />
첫번째 달락의 세번째 문장입니다.<br />
</p>
<p>
두번째 달락의 첫번째 문장입니다.<br />
두번째 달락의 두번째 문장입니다.<br />
두번째 달락의 세번째 문장입니다.<br />
</p>
</body>
</html>
'프로그램 > C# - Web' 카테고리의 다른 글
| 웹 - 확장자 등록하여 읽기 (0) | 2010.11.25 |
|---|---|
| 웹서버 추가 (0) | 2010.11.25 |
| HTML - 메모장 (0) | 2010.11.15 |
