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▶︎属性値
文書構造を表す主なタグ
- header要素▶︎ページの上部に位置する
- footer要素▶︎ページの下部に位置する
- main要素▶︎ページのコンテンツ要素に1つ使う
- nav要素▶︎ナビゲーションに利用する
- aside要素▶︎他のページに行かす様な広告要素
- section要素▶︎意味や機能の一塊を表す要素
- article要素▶︎webページから抜き出した時に利用
レイアウトや装飾に利用する主なタグ
div要素▶︎見出しや段落などの各要素を一纏めにする
span要素▶︎文章中にピンポイントに装飾する