본문 바로가기
웹코딩 배우기/· HTML

HTML 기본

by 닐기 2019. 10. 11.

 

<!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. 1
  2. 2
  3. 3

- HTML 문서

모든 문서는 <!DOCTYPE html> 선언으로 시작한다.

HTML은 <html>로 시작해 </html>로 끝난다.

문서에서 실제 브라우저에 보이는 부분은 <body>와 </body>사이에 작성한다.

 

- HTML 제목

제목은 <h1>~<h6>으로 표현한다.

<h1>이 가장 큰 글자고 <h6>이 가장 작은 글자 크기다.

 

- HTML 단락

<p> 태그로 표현한다.

 

- HTML 링크

<a> 태그를 쓴다.

 

- HTML 버튼

<button>으로 정의한다.

 

- HTML 목록

<ul> : 정렬되지 않는 목록. 글 머리 기호

<ol> : 순서가 있는 목록. 번호

<li> : 목록의 항목들.