HTML 문서의 구성요소
◎ 하나의 HTML 문서는 다양한 요소(element)들의 조합으로 구성
<시작태그 속성명="속성값" 등> 내용 </종료태그>종료태그 없이 사용 -> <img>, <hr>, <br> 등
전역 속성 : 글로벌한 의미를 가진 속성으로 모든 태그들에게서 사용이 가능하다. ex) class, id, style, lang, title 등
HTML 문서 작성 시 주의사항
◎ 태그는 대소문자를 구분하지 않는다.
- <HTML> = <Html> = <html> -> W3C에서는 소문자 표기를 권고
◎ 파일의 확장자는 반드시 htm 또는 html로 지정
- 파일명.htm, 파일명.html
◎ 화이트스페이스는 입력한 의도대로 적용되지 않음
- 두 칸 이상의 연속된 공백은 하나의 공백으로 처리
◎ 요소 안에는 다른 요소를 포함할 수 있다.
- <요소명1> .. <요소명2> .. </요소명2> .. </요소명1>
HTML 문서의 기본 구조
<!DOCTYPE html>
<html>
<head>
문서 제목(<title>), 메타 데이터(<meta>), 자바스크립트(<script>), CSS(<style>,<link>)
</head>
<boby>
문서의 본문 내용
</body>
</html>◇ 문서유형 DOCTYPE 선언
- 브라우저가 웹페이지를 올바르게 표시할 수 있도록 문서 형식을 알려주는 지시어
◇ <html> ... </html>
- 브라우저에게 HTML 문서의 시작과 끝을 알려주기 위한 것
◇ <head> ... </head>
- 문서의 각종 정보와 문서 자체에 대한 설명을 포함
- 브라우저를 통해 화면에 표시되지 않음
- <title>, <style>, <link>, <script>, <meta>, <base> 태그
◇ <body> ... </body>
- 브라우저 화면에 실제로 출력해서 보여주는 모든 내용을 포함
'HTML 웹프로그래밍' 카테고리의 다른 글
| 텍스트 표현 (0) | 2021.03.16 |
|---|---|
| HTML에서 텍스트 표현 (0) | 2021.03.16 |
| HTML 문서 작성을 위한 준비 (0) | 2021.03.13 |
| HTML이란? (0) | 2021.03.11 |
| HTML 개요 (0) | 2021.03.11 |