Chapter 19

第四回「HTML/CSS講座::フォント設定.前半」(6.5up!)

shiozumi
shiozumi
2022.06.05に更新

カリキュラム概要(謝罪?)

前回、前々回とちょっといきなりレベルが高い内容でしたから、今回はグッと下げて、基礎中の基礎、フォントの設定から始めて行きましょう。とはいえ、ちょっと深堀して、Webブラウザーのデフォルトフォントなりを調べ始めると、Win,Mac,LinuxなどのOS、それぞれに使うブラウザーによる差異もあって、これまた途端に作業が重たくなりますね。、、、ということで、大変申し訳ないのですが、Win+chromeをベースにして話を進めて行きますので、その他の環境の方には、多少犠牲になって貰いますね。ほんとごめなさいね。(~_~;)

フォントの知識を増強!・・・(^^ゞ

フォントを語る上で知っておきたい基礎知識10

https://www.indetail.co.jp/blog/170127/
和文 欧文(アルファベット) 補足
明朝体 セリフ(serif) お洒落なライン
ゴシック体 サンセリフ(sans-serif) シンプルなライン

動画解説その1

https://youtu.be/Z39KAO860SE

実際にフォントを指定して見ましょう!

ほんとうに初めての方は、こちらを一読!

https://blog.codecamp.jp/html_intro

動画解説その2(HTML基礎の基礎!)

https://youtu.be/eHtD-dsobUM

動画解説その3(HTML基礎の練習!)

https://youtu.be/4-FpJGLW-x8

ファイル保存の文字コードは、UTF-8にして!

HTML/CSSの編集後、更新が反映されない場合は?

コメントアウトでお行儀よく!(;^ω^)

動画解説その3(HTML基礎の、Aタグ)

https://youtu.be/lkfE23UV8X8

こちらのサイトもどうぞ!(Aタグ/A要素)

https://allabout.co.jp/gm/gc/476865/

動画解説その4(Aタグの追加学習)

https://youtu.be/KDmBc_gjRc8

このサイトの画像を抜粋して!

リンク先の指定の種類、他属性について!

用語のまとめ

名称 読みor事例 補足
href属性 エイチレフぞくせい hypertext reference の略
aタグ,a要素 エイ(タグ、ようそ) タグが言いやすい。(^^ゞ
開始タグ、終了タグ <a></a> 必ず一対で記述[1]

まとめ(後書き)

あらあらあら、、、空白(スペース)の特殊文字のPHPでの扱いを説明しようとしたら、かなり脱線してしまいましたね。(;^ω^) まあ~それだけ、いろいろなことを知ってないと、Webプログラムもなかなかできないって事なんですね。私自身も学習すること知る機会が多いと感じるぐらい、この手の知識は、日々、蓄積していかないと、すぐ自分自信も陳腐化して行くってことですね。(´;ω;`)

脚注
  1. img タグなどは、<img /> などの書き方をしますので、必ずしも全てのタグが、一対ではありません。 ↩︎