html 문서 기본 구조
태그와 태그 사이에 태그를 넣을 수 있다. 안에 태그가 포함이 되있다는것을 알려줄려고 들여쓰기를 한다.
<!DOCTYPE html>
문서 유형을 지정하는 단일 태그이다. 문서 유형은 웹 브라우저에게 어떤 문서인지 메시지를 전달하는 것이다.
<html>~</html>
문서 유형을 지정한 후 실베 문서가 시작되고 끝나는 것을 나타내는 태그
<head>~</head>
웹 화면에는 보이지 않지만 웹 브라우저가 알아야 할 정보들은 모두 이 태그에 들어감
<meta charset="utf-8"> : 문자 인코딩(한글을 표시하기 위해 문자 세트를 지정하는 작업)및 문서 키워드에 대한 요약 정보를 기입하는 단일 태그
<title>~<title>
문서의 제목을 나타냄, 브라우저 탭에 표시된다.
<body>~</body>
실제 브라우저 화면에 표시될 내용을 입력하는 태그.
텍스트 태그 사용 방법과 특징
<p>:문단 요소를 나타내는 태그
<h>:제목 요소를 나타내는 태그 1일때 가장 크고 6일때 가장 작다
<hr>:수평선을 표시하는 태그
HTML코드에서 엔터는 무시하며 스페이스를 통한 공백은 한 번씩 밖에 인정되지 않는다.
<br>:줄바꿈을 담당한다.
: 공백을 두 번 이상 표시하고자 할때 사용
실습
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>유노코딩</title>
</head>
<body>
<h1>택스트 태그 연습</h1>
<p>텍스트를 표시하고 있습니다.</p>
<hr />
<h2>작은 제목</h2>
<p>제목의 크기가 바뀌었습니다.</p>
<p>
엔터<br>엔터<br>엔터<br>엔터
스페이스
</p>
</body>
</html>
잃어버린 한쪽 에어팟