CSS
HTML 기본
혜원21
2019. 10. 11. 02:58
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div style="border: 1px solid #000; padding: 15px;">
<h1>본문에 컨텐츠를 넣어보자</h1>
<h2>2</h2>
<h3>3</h3>
<h4>4</h4>
<h5>5</h5>
<h6>6</h6>
<p>단락</p>
<a href="링크주소"></a>
<button>누르면 전교1등</button>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ol>
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
</div>
</body>
</html>본문에 컨텐츠를 넣어보자
2
3
4
5
6
단락
- 1
- 2
- 3
- 1
- 2
- 3
- HTML 문서
모든 문서는 <!DOCTYPE html> 선언으로 시작한다.
HTML은 <html>로 시작해 </html>로 끝난다.
문서에서 실제 브라우저에 보이는 부분은 <body>와 </body>사이에 작성한다.
- HTML 제목
제목은 <h1>~<h6>으로 표현한다.
<h1>이 가장 큰 글자고 <h6>이 가장 작은 글자 크기다.
- HTML 단락
<p> 태그로 표현한다.
- HTML 링크
<a> 태그를 쓴다.
- HTML 버튼
<button>으로 정의한다.
- HTML 목록
<ul> : 정렬되지 않는 목록. 글 머리 기호
<ol> : 순서가 있는 목록. 번호
<li> : 목록의 항목들.