[HTML기초] 1. HTML구조 및 쓸만한 태그

06 Jan 2020

INDEX

HTML구조
쓸만한 태그

HTML구조

기본 구조

<!doctype html>
<html>
	<head>
		<title> …. </title>
		<meta charset="utf-8">
	</head>
<body>
	......
</body>
</html>

쓸만한 태그

주석

<!-- 주석 내용 -->

글자 크기

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

list

<li>HTML</li>

줄바꿈

<br>

<p> .. </p>

이미지

<img src="image.png?raw=true" width="100%">

Ordered / Unordered list

<!-- list묶음 -->
<ul>
   <li>HTML</li>
   <li>CSS</li>
   <li>JAVASCRIPT</li>
</ul>

<!-- list를 번호 매겨서 묶음 -->
<ol>
   <li>HTML</li>
   <li>CSS</li>
   <li>JAVASCRIPT</li>
</ol>

링크

<a href="domain" target="_black" 
  title="description"> .. </a>
href=”domain” : 링크 주소 target=”_black” : 새 탭 title=”description” : 마우스 올렸을 때 설명