HTMLまとめ
htmlやCSSののマークアップの仕方が書いてあるのでよく確認
・トップ画面は”index.html”に設定するのが一般的
・VScodeで編集したら、そのままタブをChromeにドラッグ&ドロップして表示できる
・属性名は大文字でも小文字でもOK
活用ショートカット
▼移動したい行の一部を選択し、タブに入れるとき
Option+矢印で移動
▼選択行の複製
Shift+Option+矢印
画像
▼画像を入れる
※代替テキスト(alt)はつけてあげると丁寧!!
リンクをはる
▼リンク貼る
<a href="https:......"> <img src="......." alt="......."> </a> ▼別タブで開く <a href="https:......" target="_blank"> <p>[メッセージ]</p> </a>
ヘッドタグ
▼UTFー8
▼タイトル
▼ファビコン
<link rel="ico" href="[アイコン名].ico">
▼ディスクリプションを書いてあげる
<meta name="description" content="太郎のポートフォリオです。">
※検索したときのディスクリプションとして使われたりする
汎用的に使えるsectionタグ
▼Sectionで括ったあとその中で一番重要な内容であれば、文のタグを
タグにしてあげる。
リスト表示、箇条書きリスト(ul)
▼箇条書き、リストの時は積極的に使う。文に適した内容でコーディングしてあげるのがポイント
・