HTML 문서 기본 구조(1)

Notice

Recent Posts

Tags more

Archives

관리 메뉴

2swan

Web/HTML

2swan 2022. 2. 14. 14:05

<! DOCTYPE html>

문서의 첫 부분에서 문서 유형을 지정하는 단일 태그

(웹 브라우저에게 문서는 ~ 라 처리 부탁해라는 메시지를 전달하는 것)

<html>~</html>

문서 유형을 지정한 후 실제 문서가 시작되고 끝나는 것을 나타내는 태그

<html>에서 HTML 문서가 HTML 문서가 시작되고 </html>에서 HTML 문서가 끝난다.

<head>~</head>

웹 브라우저 화면에는 보이지 않지만 웹 브라우저가 알아야 할 정보들은 head 태그에 들어간다.

→ 문자 인코딩 및 문서 키워드 등에 대한 요약 정보를 기입하는 단일 태그

문자 인코딩이란 한글을 표시하기 위해 문자 세트를 지정하는 작업으로, 영문과 한글을 모두 사용하기 위해 utf-8 방식을 사용하는 것이 좋다.

문서의 제목을 나타내며, 콘텐츠는 브라우저 탭에 표시된다.

<body>~</body>

실제 브라우저 화면에 표시될 내용을 입력하는 태그이다

- 텍스트를 표시하는 태그

- 이미지를 표시하는 태그

- 각종 사용자 인터페이스(버튼, 입력란, 드롭다운 메뉴 등)를 나타내는 태그

<head> 태그에는 문서의 정보가, <body> 태그는 표시할 내용이 포함된다

문단(paragraph)

p 태그는 문단 요소를 나타내는 태그로써 하나의 p 태그는 하나의 문단을 표현한다. 문단과 문단 사이에는 공백이 있다.

<p> 오늘 저녁 운동을 할 계획이다. </p>
<p> 운동이 끝난 후 집으로 돌아가 샤워를 할 것이다. </p>

오늘 저녁 운동을 할 계획이다.

운동이 끝난 후 집으로 돌아가 샤워를 할 것이다.

제목(headline)

h 태그는 제목(표제) 요소를 나타내는 태그이며, 숫자와 함께 사용되며 숫자 1일 때 가장 크고 6일 때 가장 작다.

'Web/HTML' Related Articles