HTMLタグを書いてみる

H2 今日の気分

雑談会参加できてよかった〜！

H3 今度も参加してみよう！

朝活は他の人が起きてるからモチベーション上がるな！

アルパカさんのブログ

画像の表示

リストの表示

数字なしulタグ

• りんご
• みかん
• バナナ

数字ありolタグ

1. りんご
2. みかん
3. バナナ

コメントを入れる

グループにして整理するdivタグ

divタグはそれだけだと何の意味もないが1000行以上にも余裕でなるHTMLファイルをグループ化するのに役立つ

タグに属性をつける

属性は追加的な情報のことで、タグに名前をつけたりタグ内の要素の言語を指定したりと、膨大な種類があります。

よく使う属性一覧

• id属性：様々なHTMLタグで使われる。要素に好きな「固有名」を付ける
• class属性：様々なHTMLタグで使われる。要素に好きな「分類名」を付ける
• src属性：imgタグ（画像を表示するタグ）で使われる。画像ファイルの置き場所を示す
• href属性：aタグ（ハイパーリンク）で使われる。リンク先を示す

id属性とclass属性の使い分け

1.ページ内で使用できる回数

id属性は一回だけ

classは何度でも使える

2.優先順位

id属性のCSSの方が優先される

3.id属性を使ってページ内リンクを作成

WEBページで良くあるページ内での移動はid属性を使うことでできる。この機能があるためid属性は一つしか作れない