웹 문서는 보통 <!DOCTYPE html>로 시작해 <html>, <head>, <body>라는 3개의 영역으로 구성되어 있다.
<!DOCTYPE html>
1. 현재 문서가 HTML5 언어로 작성한 웹 문서라는 뜻이다.
2. 웹 문서의 유형을 지정하는 선언문이다.
<html> ~ </html>
웹문서의 시작과 끝을 나타내는 태그이다. 웹 브라우저가 <html>태그를 만나면 </html>까지 소스를 읽어 화면에 표시한다.
<html lang="ko">의 의미 : 문서에서 사용할 언어를 지정할 수 있다. 사용하는 언어를 왜 표시하느냐면 검색 사이트에서 특정언어로
제한해 검색할 때 필요하기 때문임. 예를 들어 검색 결과 중에서 '한국어로 된 문서'로 범위를 제한할 경우 <html lang="ko">인 문서를
우선 검색한다.
<head> ~ </head>
웹 브라우저가 웹 문서를 해석하는 데 필요한 정보를 입력하는 부분이다.
1. 문자 세트를 비롯해 문서 정보가 들어 있는 <meta> 태그
웹 브라우저에는 보이지 않지만 웹 문서와 관련된 정보를 지정할 때 사용한다.
<meta> 태그에서 가장 중요한 역할은 화면에 글자를 표시할 때 어떤 인코딩을 사용할지 지정하는 것이다.
2. 문서 제목을 나타내는 <title> 태그
<head> 태그 안에서 가장 중요한 태그를 꼽으라면 <title> 태그임.
제목 표시줄의 제목을 보고 페이지의 전체 내용을 추측할 수 있다.
<body> ~ </body>
실제로 웹 브라우저 화면에 나타나는 내용이다.
HTML태그는 대부분 <body>태그 안에 들어 있음.
실제 웹 브라우저에 표시할 내용을 입력한다.
새파일을 만들 때 폴더 선택 후 새파일 만드는 것을 잊지 말자!
'Front-End > HTML' 카테고리의 다른 글
| 04-4 이미지 삽입하기 (0) | 2023.04.13 |
|---|---|
| 04-3 표 만들기 (0) | 2023.04.13 |
| 04-2 목록 만들기 (0) | 2023.04.13 |
| 04-1 텍스트 입력하기 (0) | 2023.04.13 |
| 03-4 웹 문서 구조를 만드는 시맨틱 태그(시맨틱이란 '의미론적인', '의미가 통하는'이라는 뜻이 있음) (0) | 2023.04.13 |