HTML 기본 문서 구조
1. HTML 기본 문서 구조
태그, 이건 꼭 알아두세요!
- 태그는 < 와 > 를 이용해 구분한다
- 태그는 소문자로 쓴다
<img src="maltese.jpg">- 여는 태그와 닫는 태그를 정확히 입력한다 (닫는 태그가 없는 태그도 있다)
- 적당하게 들여쓴다
- 태그는 속성과 함께 사용할 수 있다
<img src="maltese.jpg" width="150" height="160">
HTML 문서 기본 구조 살펴보기
<!doctype html> - 현재 문서가 HTML5 언어로 작성된 웹 문서라는 뜻
<html> ~ </html> - 웹 문서의 시작과 끝을 나타내는 태그. 웹 브라우저가 <html> 태그를 만나면 </html>까지의 소스를 읽어 HTML 문법에 맞추어 브라우저에 표시.
<head> ~ </head> - 웹 브라우저가 웹 문서를 해석하기 위해 필요한 정보들을 입력하는 부분. 여기에 있는 정보는 실제 문서 내용이 아니기 때문에 문서 제목만 브라우저 창에 표시되고 나머지는 웹 브라우저 화면에 표시되지 않음. 스타일 및 스크립트 등이 포함됨.
<body> ~ </body> - 실제로 웹 브라우저 화면에 나타날 내용.
'HTML CSS > HTML' 카테고리의 다른 글
| 이미지와 하이퍼링크 (1) | 2024.04.08 |
|---|---|
| 표를 만드는 태그 (0) | 2024.04.08 |
| 목록을 만드는 태그 (0) | 2024.04.08 |
| 텍스트를 표시하는 태그 (0) | 2024.04.08 |
| 웹 브라우저와 웹 편집 (0) | 2024.04.08 |