<!doctype html>
<html lang="ko">
<!--
meta 태그는 화면에 글자를 표시하는 문자 인코딩 방식을 지정한다.
한글 문서인 경우에는 utf-8 인코딩 방식을 사용한다.
-->
<head>
<meta charset="utf-8">
<!--
title 태그는 문서의 제목을 포함한다.
웹 브라우저의 제목 표시줄(탭)에 표시된다.
-->
<title>문서 제목</title>
</head>
<!--
body 태그에 포함된 내용은 실제 브라우저에 표시된다.
-->
<body>
<h1>html 연습</h1>
<p>html 연습 시간에는 html의 주요 태그와
각 태그의 속성을 공부해보도록 하겠습니다.</p>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--
<h1> ~ <h6>
문서의 제목을 포함하는 태그
-->
<h1>html의 이해</h1>
<h1>html 기본</h2>
<h2>html 기본 태그</h2>
<h3>html 텍스트 관련 태그</h3>
<h4>html 폼 관련 태그</h4>
<h5>제목 태그</h5>
<h5>본문 태그</h5>
<h4>html 폼 관련 태그</h4>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>태그 연습</h1>
<h2>단락 만들기</h2>
<!--
p 태그는 텍스트의 내용을 담는 태그다.
-->
<p>
21일 삼성전자에 따르면 왈라왈라<br />
21일 삼성전자에 따르면 왈라왈라
</p>
<!--
br 태그는 줄을 바꾼다.
-->
<!--
hr 태그는 단락의 주제가 바뀔 때 사용한다.
-->
<hr />
<p>
22일 삼성전자에 따르면 솰라솰라<br />
22일 삼성전자에 따르면 왈라왈라
</p>
<blockquote>
21일 삼성전자에 따르면 왈라왈라<br />
</blockquote>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>목록 만들기</h1>
<h2>순서 있는 목록 만들기</h2>
<!--
or(ordered list) 태그: 순서 있는 목록을 만든다.
li(list item) 태그: 목록의 아이템을 만든다.
-->
<h3>검색 순위</h3>
<ol>
<li>티웨이 항공</li>
<li>전유성</li>
<li>구본임</li>
<li>이랜드몰</li>
<li>이외수</li>
</ol>
<h3>좋아하는 가수 순위</h3>
<ol>
<li>좋</li>
<li>아</li>
<li>하</li>
<li>는</li>
</ol>
<h2>순서 없는 목록 만들기</h2>
<!--
ul(unordered list): 순서없는 목록을 만든다.
li(list item): 목록의 아이템을 만든다.
-->
<h3>할인중인 상품</h3>
<ul>
<li>아이폰 8</li>
<li>갤럭시 S9</li>
<li>에어팟 1세대</li>
</ul>
<!--
젠코딩
-->
h3{주요 뉴스}+ul>li*4
<h3>주요 뉴스</h3>
<ul style="list-style: none;">
<li>남태현, 장재인 열애</li>
<li>충격!...</li>
<li>속보!...</li>
<li>[상보]</li>
</ul>
<h2>정의 목록 만들기</h2>
<!--
dl(definition list): 용어를 설명하는 목록을 만든다.
dt(definition term): 용어의 제목을 만든다.
dd(definition description): 용어의 설명을 만든다.
-->
<h3>영화 정보</h3>
<dl>
<dt>제목</dt><dd>어벤져스:앤드게임</dd>
<dt>장르</dt><dd>액션/SF</dd>
<dt>개봉일</dt><dd>안소니 루소, 조 루소</dd>
<dt>주연</dt><dd>로버트 다우니 주니어, 크리스 에반스, 브리 라슨</dd>
</dl>
</body>
</html>
