728x90
1. Visual Studio에서 빠른 설정하기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>아래처럼 자동완성 시켜준다
2. HTML문서 구성요소
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>| <head> | 기계가 식별할 수 있는 문서 정보 (메타데이터)를 담음 ex) 제목, 스크립트, 스타일 시트 |
| <link> | 현재 문서와 외부 리소스의 관계를 명시 ex) css 연결, 사이트 아이콘 연결 |
| <meta> | base, link, script, style, title 과 같은 다른 메타 관련 요소로 나타낼 수 없는 메타데이터 나타냄 |
| <style> | 문서나 문서 일부에 대한 스타일 정보 포함 |
| <title> | 브라우저의 제목 표시줄이나 페이지 탭에 보이는 문서 제목 정의 |
| <body> | HTML문서의 내용을 나타냄 한 문서에 하나의 body만 존재함 |
728x90
'Frontend > HTML & CSS' 카테고리의 다른 글
| [HTML&CSS] 5강 CSS란 무엇일까? (0) | 2025.03.12 |
|---|---|
| [HTML&CSS] 4강 HTML 기본 태그와 역할 (0) | 2025.03.09 |
| [HTML&CSS] 2강 시맨틱 요소 (Semantic Elements) (0) | 2025.03.08 |
| [HTML&CSS] 1강 HTML 개념 및 구성요소 (0) | 2025.03.07 |
| 인터랙티브 웹 개발 - 리스트 아이템 (0) | 2024.07.12 |
