<html>
<title>
텍스트 관련 태그들
</title>
<body>
<h1>
텍스트를 덩어리로 묶어주는 태그들
</h1>
<p>
줄바굼 없이 텍스트를 한 줄로 표시하는데 텍스트 줄이 블우저 창의 너비보다 길어진 경우 줄이 자동으로 바뀝니다.
</p>
<blockquote>
인용문 입니다.
</blockquote>
<br>
<hr>
<pre>입력하는 그대로 화면에 표시</pre>
<h1>
텍스트를 한 줄로 표시하는 태그
</h1>
<strong>텍스트 중에서 굵게 표시할려고 할 때</strong>
<b>텍스트 중에서 굵게 표시할려고 할 때</b>
<i>이탤릭체로 문장에서 흐름상 강조</i>
<em>이탤릭체로 마음 속의 생각이나 꿈, 기술적인 용어를 사용할 때 강조</em>
<q> 인용 내용 </q>
<makr>형관펜 효과</makr>
<span> 태그 자체로는 아무 의미가 없지만 텍스트 단락안에서 줄바꿈 없이 텍스트만 묶어 스타일을 적용 할려고 할 때 주로 사용</span>
<ruby>동아시아 글자 <rt>주석</rt></ruby>
<s>취소선...</s>
<u>밑줄</u>
<h1>
목록을 만드는 태그
</h1>
<p>
unordered list
</p>
<ul>
<li>내용</li>
<li>내용</li>
</ul>
<p>
ordered list
</p>
<ol type=A>
<li>내용</li>
<li>내용</li>
</ol>
dl, dt, dd 태그 설명 목록
description list
<dl>
<dt>제목</dt>
<dd>설명1</dd>
<dd>설명2</dd>
</dl>
<h1>
표를 만드는 태그
</h1>
table, tr, td, th(표에 제목 셀)
<table>
<caption>표에 제목을 붙일 때 </caption>
<tr>
<th>표에 제목 셀</th>
<td>한줄</td>
</tr>
<tr>
<th>표에 제목 셀</th>
<td>한줄</td>
</tr>
</table>
thead, tbody tfoot 태그
<thead>
<tr><td>thead</td></tr>
</thead>
<tbody>
<tr><td>tbody</td></tr>
</tbody>
<tfoot>
<tr><td>tfoot</td></tr>
</tfoot>
col, colgroup 태그 - 여러 열 묶어 스타일 지정
</body>
</html>
unit test, tdd, bdd, laravel, django, android native, vuejs, react, embedded linux, typescript
https://jsfiddle.net/