🐥HTMLの基本習得🐥
〜HTML基本習得編〜
🌟改行 br
🌟区切り hr
段落の線ができる
🌟リスト表示
順序なし ul
順序あり ol
👆emmet
ol>li*3
🌟説明リスト
dl
dt(用語)
dd(説明)
一連の用語と説明をリスト化したもの
👆emmet
dl>(dt+dd)＊3
🌟見出し
h1〜h6
⚠️h1は一つのページで1回だけ使用
⚠️文字の大きさを変える目的で使わない
🌟属性
タグの設定を行える機能
<タグ名 属性名＝"属性値"></タグ名>
🌟リンク
a要素
<a href=“リンク先のパス”>コンテンツ</a>
〜リンクの3つの種類〜
・外部リンク
・内部リンク
・ページ内リンク(#を使う)
🌟空要素とは
開始タグのみを使う
コンテンツを含むことができない
自然と覚えるが、調べたい場合はmdnで検索
👉技術的概要に記載あり
🌟強調
重要な語句を強調できる
⚠️太字にする目的で使わない
🌟著作権表記
small要素について
著作権表記で使うことが多い©
⚠️文字を小さくするデザイン目的で使わない
文字実体参照
🌟情報のグループ化
HTML5の前
・div
HTML5から
・section セクションをグルーピング(📝その部分だけみても解決しない場合)
・header セクションのヘッダーを示す
・footer セクションのフッダーを示す
・main 文章のメインコンテンツ領域を示す
・article 記事コンテンツ要素(📝囲んだ部分だけで完結している部分)
・aside 余談要素
・nav ナビゲーション要素
🌟グループ化のメリット
・文章構造が分かりやすくなる
・スタイルを当てやすくなる
🌟span
span要素とは
意味を持たない要素
文章の特定の部分をcssで装飾したい時によく利用する要素
他に適切な意味的要素がない時にのみ使用
🌟divとspanの違い
・div
ブロック要素✅幅と高さが指定できる
改行される✅
・span
インライン要素✅幅と高さが指定できない
⚠️divの中にspanは書けるが、spanの中にdivは書けない🆖
HTMLの基本習得編完了✨
最後の演習問題もスムーズに解けた🙆♀️
明日からはステップアップ編へ！
この調子で早く知識を増やしていきたい！
Discussion