学習めも。

Python、Anaconda学習中🔰 ブログ引っ越ししました😄よろしくお願いします!https://noeiganolife.com/

記録用🔰

プログラミング以外の記事はこちら

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)

▼箇条書き、リストの時は積極的に使う。文に適した内容でコーディングしてあげるのがポイント

  • は親要素にしていい物が限られているので確認!