11/29・30 学んだこと。

タグと要素と属性について 

タグの記述ルール

・タグは全て半角文字で記述すること。

・タグ部分の記号と数字は全て半角文字で記述すること。

○<p>半角文字</p>   ❌全てが全角の場合。

・開始タグと終了タグの2つセットで記述。

  • 開始タグ▶︎<p>
  • 終了タグ▶︎</p>

 

要素とは

→内容物を含んだ一塊のこと。

例)<p>内容</p>→段落を表すタグを使った要素。

入れ子も可能。=要素の中に要素を入れる事。

→終了タグが必要のない要素もある。

(meta、img等)

 

属性とは

→個々のタグに対し何かの性質を与えるもの。 

▶︎この属性を使う場合【値】もセットで記述。

例1)<a href=″https://www.akamakotaro.com″>詳しくはこちら</a>

herf▶︎属性

https~com▶︎属性値

 

複数の属性値を設定することも

例1)では、【aタグからリンク指定とその値】。

これに、ブラウザでの開き方を加える。

<a href=″https://www.akamakotaro.com″target=″_blank″>詳しくはこちら</a>

herf▶︎属性①

https~com▶︎属性値

target▶︎属性②

_blank▶︎属性値

 

文書構造を表す主なタグ

  1. header要素▶︎ページの上部に位置する
  2. footer要素▶︎ページの下部に位置する
  3. main要素▶︎ページのコンテンツ要素に1つ使う
  4. nav要素▶︎ナビゲーションに利用する
  5. aside要素▶︎他のページに行かす様な広告要素
  6. section要素▶︎意味や機能の一塊を表す要素
  7. article要素▶︎webページから抜き出した時に利用

レイアウトや装飾に利用する主なタグ

div要素▶︎見出しや段落などの各要素を一纏めにする

span要素▶︎文章中にピンポイントに装飾する