HTML,CSS, JS/HTML&CSS 스터디

[HTML&CSS 스터디] 4. HTML 파일의 골격 만들기

Song hyun 2024. 7. 6. 16:13
728x90
반응형

[HTML&CSS 스터디] 4. HTML 파일의 골격 만들기

 

1. <!doctype html>

-이는 독 타입(Doctype) 선언이라고 부르며, 해당 페이지가 어떤 버전의 HTML 에 맞게 작성되었는지 나타낸다. 

-HTML 버전에는 "HTML 4.01","XZHTML 1.1"등이 있다. 

-하지만 가장 주류는 최신 버전의 HTML5이다.

 

2. <html>-</html>

-독 타입 선언 바로 뒤에 작성한다. 이는 HTML 문서라는 것을 나타내는 태그이다.

-lang: 웹 페이지의 언어를 설정할 수 있는 부분

-ko: korean의 약자

 

3. <head>-</head>

-페이지의 제목과 설명, 사용할 외부 파일 링크등을 작성하는 부분

 

4. <meta charset="UTF-8">

-문자 코드를 UTF-8로 하겠다는 뜻.

 

5. <title>

-페이지의 제목을 작성하는 부분이다. 작성한 제목은 브라우저 탭에 출력된다.

 

6. <meta naem="description content=~>

-페이지의 설명을 입력하는 부분이다. 검색 엔진으로 페이지를 검색했을 때, 페이지 제목과 함께 출력되는 부분이다.

 

7. <body>

-HTML의 본체 부분이다. 여기에 콘텐츠를 입력하면 실제로 브라우저에 출력된다.

728x90
반응형