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