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
반응형
'HTML,CSS, JS > HTML&CSS 스터디' 카테고리의 다른 글
[HTML&CSS 스터디] 6. 제목 붙이기 <h1>~<h6> (0) | 2024.07.06 |
---|---|
[HTML&CSS 스터디] 5. HTML의 기본 문법: 태그 <> (0) | 2024.07.06 |
[HTML&CSS 스터디] 3. 파일 만들기 (0) | 2024.07.06 |
[HTML&CSS 스터디] 2. 웹 사이트의 제작 흐름 (0) | 2024.06.19 |
[HTML&CSS 스터디] 1. 웹 디자인의 개념과 종류 (0) | 2024.06.17 |