[html]ブロックレベルラベルと行内ラベルの例



🏃🏻‍♂️ intro



フロント設計表示を行う場合、最も基本的な単位はブロックです.したがって,ブロックレベルタグを全面的に認識すれば,容易に注釈を行うことができる.
今回は、よく使われるブロックレベルラベルと行内レベルラベルを分類して暗記します.

🧱 ブロックレベルタグの例

<!-- 시멘틱 관련 태그 -->
<main></main>
<header></header>
<footer></footer>
<section></section>
<article></article>
<aside></aside>
<nav></nav>

<!-- 빈 태그 -->
<div></div>

<!-- 글 관련 태그 -->
<h1></h1>
<p></p>

<!-- 리스트 관련 태그 -->
<ul></ul>
<ol></ol>
<li></li>

<!-- 폼 태그 -->
<form action=""></form>

<!-- 테이블 관련 태그 -->
<table></table>
<dt></dt>
<dd></dd>
<tfoot></tfoot>

🧸 サンプル行内レベルラベル

<span></span>
<a></a>
<button></button>
<i></i>
<img />
<textarea></textarea>
<input />
<label></label>
...