HTML 문서는 특별한 경우가 아니면 항상 index_html 파일을 기본으로 함
-> 웹 브라우저는 주소에 명시적으로 파일을 요청하지 않으면 가장 먼저 index.html을 요청
< >(태그)는 텍스트, 이미지 등 다양한 구성요소를 정의하는 역할을 함
-> HTML 문법을 이루는 가장 작은 단위
속성은 태그에 어떤 의미나 기능을 보충하는 역할
-> <태그명 속성명 = "속성 값">
문법
HTML은 태그와 속성으로 문법을 구성
문법은 크게 콘텐츠가 있는 문법, 없는 문법으로 나뉨
콘텐츠가 있는 문법에서는 콘텐츠 앞 뒤로 태그를 감쌈
-> 시작 태그, 종료 태그
<title> My First Web Page! </title>
시작 태그 + 콘텐츠 + 종료 태그 형식
-> 다 합쳐서 요소라고 함콘텐츠가 없는 문법은 시작 태그가 곧 요소
<br>주석
<! -- 주석 내용 -->
소스보기로 확인 가능하기에 중요한 내용은 적지 않음기본 구조
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Web Page!</title>
</head>
<body>
<!-- 웹 페이지에 표시할 내용을 적습니다.-->
<p>나의 첫번째 웹 페이지</p>
</body>
</html>여기서 < !DOCTYPE html >은 DTD(Document Type Definition)
-> 문서형 정의
-> 이는 웹 브라우저가 처리할 HTML 문서가 어떤 문서 형식을 따라야 하는지 알려주는 것
-> 위의 경우 웹 브라우저는 HTML 문서를 최신 형식은 HTML5 문서 형식으로 해석
< html > 태그는 HTML 문서의 시작과 끝을 의미
< head > 태그는 HTML 문서의 메타데이터를 정의하는 영역
-> HTML 문서에 대한 정보로, 웹 브라우저에는 직접 노출되지 않음
head 태그
-
meta 태그
메타 데이터 정의 시 사용
charset은 HTML 문서에서 허용하는 문자 집합을 정의하는 태그
meta http-equiv, content부분은 인터넷 익스플로러의 렌더링 엔진을 강제로 최신 렌더링 엔진으로 지정하는 태그
name,content,viewport는 기기의 화면 너비를 맞추기 위해 사용하는 태그 -
title 태그
HTML 문서의 제목을 지정하는 데 사용
모든 HTML 문서는반드시 1개의 title 태그를 사용해야 함
엔진 사이트에서는 HTML 문서를 찾을 때 title 태그에 작성된 제목으로 찾음
-> 제목이 HTML 문서마다 중복되지 않게 주의 -
body 태그
웹 브라우저에 노출되는 내용을 작성하는 영역
특징
- 블록 요소와 인라인 요소
웹 브라우저의 공간 유무와 상관없이 hn 태그, p태그 처럼 줄 바꿈되는 태그
-> 블록 요소
a,span 태그처럼 공간이 부족할때만 줄바꿈이 되는 태그
-> 인라인 요소
- 부모,자식,형제 관계
<html lang = "ko">
<head>
</head>
<body>
</body>
</html>위 경우 head와 body는 html 태그의 자식
-> html은 head 와 body의 부모
-> head,body는 서로 형제 관계
부모의 부모 = 조상, 자식의 자식 = 손자
