HTML vol.4

Study html
  • 要素と属性
  • リスト、リンクタグなど

要素と属性

  • HTML文章は要素の集まり
  • 要素はタグで指定される
  • タグは要素の中に要素が入る構造を取る。（入れ子構造）
  • 属性と属性値があります。
<p class="steps" id="s_eno">えのもと</p>
  • <>で囲んであるのがタグ
    • 上の例で言うと<p class....>が開始タグ
    • 上の例で言うと</p>が終了タグ
      • 終了タグに属性は付けない。/は必ず入る。
  • タグ同士で囲まれている内容も含めたのが要素(element)
  • 上の例で言うとclassやidの部分が属性(attribute)
  • "steps"等の"で囲まれている部分が属性値

属性とは何か？

  • 要素に情報を付け加えることができる。

今日勉強したタグ

<p ...> パラグラフ 段落
<ul> アンダードリスト 項目に順位がないリスト
<ol> オーダードリスト 順位のあるリスト
<hr /> ホライゾン(水平線) 文章の区切りに使う
<!-- 中身 --> コメント 表には表示しないコメント
<a ....> アンカー リンクにつかわれる
<img ...> イメージタグ 画像貼付けに使われる
リストの使い方
<ul> // 開始タグ
     <li>項目名</li> // 項目。
</ul> // 終了タグ

リンクの張り方

<a href="リンク先" title="リンク先のタイトル">リンクしたいテキスト</a>

イメージタグ

<img src="画像ファイルのパス" alt="画像に代わって表示する文字列" />
  • src属性
    • 画像ファイルのパスを記述する。
  • alt属性
    • 画像に代わって表示する文字列
    • 必須ではないが、付けること。