반응형
HTML의 기본 구조 입니다.
| <html> <head> <title> </title> </head> <body> </body> </html> |
<html></html>은 html문서의 처음과 끝을 나타내주는 것입니다.
<head></head>는 문서의 정보를 저장시키는 곳입니다. (기본적인 정보등을 표시 가능)
<body></body>는 실제 html문서의 내용이 들어가는 부분으로 제작된 내용이
실제 화면에 보여지는 부분입니다.
현재(2009년) 'HTML'은 4.0까지 출시가 되었으며, 현재에는 웹 표준을 채택하여 앞으로 사용하기 위해서는 'XHTML 1.0' 에 맞추어 제작 하셔야 합니다.
HTML 과 XHTML의 차이점은 크게 4가지 입니다.
| 1. xmlns 적용 (네임스페이스 추가) <html xmlns="http://www.w3.org/1999/xhtml"> |
| 2. 모든 태그는 소문자 |
| 3. 모든 태그는 시작과 끝이 명시 예) <br> 변경-> <br /> |
| 4. <body> 태그 다음에는 태그가 아닌 택스트가 올 수 없다. |
하지만 다른 웹 프로우저인 '파이어폭스', '맥스턴', '오페라' 등이 사용되고 있는데 이곳에서
실행하게 되면 글씨가 깨지는 형상, 출력결과가 제대로 나오지 않습니다.
<body>부분에 택스트를 출력하기 위해서는 <body> 다음 <div>태그를 사용해 줍니다.
| - 코드 작성 - <body> <div> HTML 기본구조<br /> </div> </body> |
| 5. 속성에는 반드시 " " (큰 따옴표)로 표시 하셔야 합니다. |
앞으로는 웹 표준 XHTML1.0에 맞추어 작성하겠습니다.
반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
| 06.HTML- <comment> 태그 (주석문) (0) | 2009.07.22 |
|---|---|
| 05.HTML- <hr> 태그 (1) | 2009.07.21 |
| 04.HTML- p태그(문단태그) (0) | 2009.07.21 |
| 03.HTML- H 태그 사용(글자 크기변경) (0) | 2009.07.21 |
| 01.HTML 기초 문자열 출력 (0) | 2009.07.21 |
Comments