HTMLタグ1(タイトル、段落、水平線、改行、リンク、表、属性)


HTMLタグ


  • 意味タグ(semantic tag):タグの名前からドキュメントの構造を推測できる意味のあるタグです.

  • タイトルラベル:<h1> ~ <h6>

    h 1ラベル


    h 2ラベル


    h 3ラベル


    h 4ラベル


    h 5ラベル
    h 6ラベル

  • 段落ラベル:<p>

  • 水平タグ:<hr>

  • 改行ラベル:<br>を使用してラベルXを終了

  • テキストデザインラベル<strong>:ヴォルデス<ins>:下線<del>:線を削除<em>:斜体

  • リンクラベル:<a>リンクラベルは속성

  • 属性:タグに関する詳細情報を提供します.html内のすべてのタグに属性を持つことができます.
    属性の形式:key=「value」
  • 適用リンクラベル:<a href="www.google.com">구글</a>

    表タグ


    表全体を囲むラベル<table></table>表ラベルのコンポーネント:
    -<th></th>:見出しセル(table heading)
    -<tr></tr>:行(table row)
    -<td></td>:データユニット(tabledata)
    性別:女性
    学年
    名前.
    余.
    3
    郭斗腕
    ほかの人
    3
    手弩
    <table>
      <th>성별</th>
      <th>학년</th>
      <th>이름</th> //여기까지 table heading
      <tr>
        <td></td>
        <td>3</td>
        <td>곽두팔</td>
      </tr>	//튜플 하나
      <tr>
        <td></td>
        <td>3</td>
        <td>수노</td>
      </tr> //튜플 둘
    </table>
  • セルのマージ
    属性値は<td>タグです.  rowspan=「連結したい行数」→行連結
    colspan=「連結したい列数」→「連結列」、<td>タグの属性値として
  • <table>
      <th>성별</th>
      <th>학년</th>
      <th>이름</th>
      <tr> 
        <td ></td>
        <td rowspan ="2" >3</td>
        <td>곽두팔</td>
      </tr>
      <tr>
        <td></td>
        //<td>3</td>   --> 병합되어 필요 없으므로 주석처리
        <td>수노</td>
      </tr>
    </table>