HTML body Tag

4836 ワード

block要素とinline要素

<div>
  <!-- 빈태그, 의미 X, block 요소 -->
</div>

<p>
  <!-- 문단, block 요소 -->
</p>

<h1>
  <!-- 제목을 적을 때 사용, block 요소 -->
</h1>

<span></span>
<img></img>
<!--
- 필요한 만큼의 너비만 사용한다
- 크기를 지정할 수 없다
- width: 0; height: 0; 으로 시작
- 수평으로 쌓인다
- margin, padding 위, 아래는 사용할 수 없다
- text를 다루는 용도
-->

<ul>および<li>tag

<ul> <!-- unodered list -->
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>
Google検索注意:「ul」または「li」tag MDN

ヘッダーとフッター

<header>
  <!-- 헤더를 만들 때 사용 -->
  <!-- <div class="header"></div> 대신 써도됨 -->
</header>

<footer>
  <!-- 하단에 사용, 일반적으로 구획의 작성자, 저작권 정보, 관련 문서 등을 나타냄 -->
</footer>
Google検索注意:「footer」または「header」tag MDN

h1~h6

  • 6個の文書タイトル
  • を実現
  • ヘッダーfontのサイズを縮小するために、下位レベルの使用を禁止します.
    CSSのfont-size属性
  • を使用する
  • の大きさは関係なく、構造上のみ
  • を用いる.
    h 1~h 6 tagは大株主制~小株主制に構造的に分けられる サイズはCSSのfont-sizeで調整します

    コメントサイト(h 1 tag MDN)
    https://developer.mozilla.org/ko/docs/Web/HTML/Element/Heading_Elements