HTML 문법
<!DOCTYPE html>
<html>
<head>
<!-- 다국어 입력 세팅 -->
<meta charset="utf-8" />
<!-- 타이틀 -->
<title>난 제목</title>
</head>
<body>
<!-- 내용 입력하는 곳 -->
안 녕 HTML <br />
<!--엔터 두자 이상 적용안됨-->
안 녕 HTML <br />
<!-- 로 띄워쓰기 가능-->
안 녕 HTML
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>오늘의 숫자</title>
</head>
<body>
<!-- 제목글 -->
<h1>제목글</h1>
<hr>
<h2>제목글</h2>
<h3>제목글</h3>
<h4>제목글</h4>
<h5>제목글</h5>
<h6>제목글</h6>
<!-- h7은 존재하지않는 태그라 무시됨 -->
<h7>제목글</h7>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
</head>
<body>
<!-- div는 문단으로 문단단위로 효과가 들어감 -->
<div>
내용1-1<br />
내용1-2<br />
내용1-3<br />
</div>
<!-- 문단과 문단사이에는 엔터키가 들어감 -->
<div>
내용1-1<br />
내용1-2<br />
내용1-3<br />
</div>
<p>
내용1-1<br />
내용1-2<br />
내용1-3<br />
</p>
<!-- p는 div 보다 엔터키가 하나더 들어감 -->
<p>
내용1-1<br />
내용1-2<br />
내용1-3<br />
</p>
<span>
내용1-1<br />
내용1-2<br />
내용1-3
</span>
<!-- span은 엔터키가 들어가지 않음 -->
<span>
내용1-1<br />
내용1-2<br />
내용1-3
</span>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
</head>
<body>
<!--인용 문구 엔터키 공백키 먹음-->
<pre>
Hello HTML
Hello HTML
</pre>
<blockquote>
Hello HTML
Hello HTML
</blockquote>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
</head>
<body>
<!--글자 형태-->
<div>This text is normal</div>
<div><b>This text is text</b></div>
<div><i>This text is text</i></div>
<div><sub>This</sub> text is text</div>
<div><sup>This</sup> text is text</div>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<!-- 목록 출력
순서가 있는 목록
순서가 없는 목록
사전식
번호가 자동으로 매겨짐
-->
<!-- i 넘버링으로 5번부터 시작 -->
<ol type="i" start="5">
<li>사과</li>
<li>참외</li>
<li>수박</li>
<li>딸기</li>
</ol>
<!-- ul은 순서 상관없이 점으로 나옴 -->
<ul type="square">
<li>사과</li>
<li>참외</li>
<li>수박</li>
<li>딸기</li>
</ul>
<!--사전형식으로 출력
dt 단어 dd 설명-->
<dl>
<dt>사과</dt>
<dd>사과는 맛있다</dd>
<dt>참외</dt>
<dd>참외는 맛있다</dd>
<dt>수박</dt>
<dd>수박은 맛있다</dd>
</dl>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<!-- 목록 출력
순서가 있는 목록
순서가 없는 목록
사전식
번호가 자동으로 매겨짐
-->
<!-- i 넘버링으로 5번부터 시작 -->
<ul type="square">
<li>사과</li>
<ul>
<li>사과1</li>
<li>사과2</li>
</ul>
<li>참외
<ul>
<li>참외1</li>
<li>참외2</li>
</ul>
</li>
</ul>
</body>
</html><!docutype html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<!-- 행렬 추가
열의 개수가
부족하면
표가 깨지고 너비를 조절할수있음 -->
<table border="1" width="500" height="200">
<tr>
<!--th는 머릿글 중앙정렬+굵게-->
<th>0행 1열</th>
<th>0행 2열</th>
<th>0행 3열</th>
</tr>
<tr>
<!--따로 너비를 줄수 있음-->
<td width="50" height="100">1행 1열</td>
<td width="100" height="50">1행 2열</td>
<td>1행 3열</td>
</tr>
<tr>
<td>2행 1열</td>
<td>2행 2열</td>
<td>2행 3열</td>
</tr>
<tr>
<td>3행 1열</td>
<td>3행 2열</td>
<td>3행 3열</td>
</tr>
<tr>
<!--align 은 좌우정렬-->
<td align="center">4행 1열</td>
<td align="left">4행 2열</td>
<td align="right">4행 3열</td>
</tr>
<tr>
<!--valign 은 상하정렬-->
<td valign="top">5행 1열</td>
<td valign="middle">5행 2열</td>
<td valign="bottom">5행 3열</td>
</tr>
</table>
</body>
</html><!docutype html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<table border="1" width="500" height="400">
<tr>
<td >1행 1열</td>
<td>1행 2열</td>
<td>1행 3열</td>
</tr>
<!--Colspan 셀 합치기-->
<tr>
<td colspan="2">2행 1열</td>
<!--
<td>2행 2열</td>
-->
<td>2행 3열</td>
</tr>
<tr>
<td colspan="3">3행 1열</td>
<!--
<td>3행 2열</td>
<td>3행 3열</td>
-->
</tr>
</table>
</body>
</html><!docutype html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<table border="1" width="500" height="500">
<tr>
<td colspan="2">1행 1열</td>
<!--<td>1행 2열</td>-->
<td rowspan="2">1행 3열</td>
</tr>
<tr>
<td rowspan="2">2행 1열</td>
<td>2행 2열</td>
<!--<td>2행 3열</td>-->
</tr>
<tr>
<!--<td>3행 1열</td>-->
<td colspan="2">3행 2열</td>
<!--<td>3행 3열</td>-->
</tr>
</table>
</body>
</html><body>
<!-- cellpadding = 셀 안 여백 cellspacing 셀 각각의 여백-->
<table border="1" cellpadding="50" cellspacing="10">
<tr>
<td>1열</td>
<td>2열</td>
<td>3열</td>
</tr>
<tr>
<td>1열</td>
<td>2열</td>
<td>3열</td>
</tr>
<tr>
<td>1열</td>
<td>2열</td>
<td>3열</td>
</tr>
</table>
</body>
</html>
Programmer