2022年9月13日 / 最終更新日時 : 2022年9月15日 beginners5_wp html5 open-iconicについて 便利なアイコンフォントとして「Iconic」がありますが、このページが最近開かなくなりました。結構便利なサイトだったのですが、ネット検索する内、利用する為の色々な代替案が見つかったのでご紹介します。 ダウンロード形式で設 […]
2022年9月13日 / 最終更新日時 : 2022年9月16日 beginners5_wp html5 Font Awesomeの使い方 便利なアイコンフォント「Font Awesome」の使い方について説明してみます。 ダウンロード形式で設置する方法 まずは「Font Awesome」をダウンロードする為に次のページを開きます。→ Download Fo […]
2022年9月2日 / 最終更新日時 : 2022年9月3日 beginners5_wp html5 アイコンと画像の見極め方 ページ上に存在する画像は、img要素で作りがちですが、ページを飾ったり、タイトルの横に表示したいアイコンやリスト横のアイコンなどはimg要素で作成するのはあまり得策ではありません。例えば、ペー上にあるタイトルのデザインは […]
2022年8月24日 / 最終更新日時 : 2022年9月6日 beginners5_wp html5 インライン要素とブロック要素について ページデザインを行っていく上で、インライン要素とブロック要素を全く意識しないで（知らないまま）、CSSの設定を行っている方がいます。当然上手くいく訳がありません。 上手くいかないから、いろんなCSS（プロパティ）を入れ、 […]
2022年8月23日 / 最終更新日時 : 2022年9月15日 beginners5_wp html5 ブロックレベル要素 ページ上の文章の塊を一つに纏める為、次のような要素が用意されています。これらをブロックレベル要素と言い、ページレイアウトに欠かせない要素です。 ・header、main、footer・nav、article、aside […]
2022年8月22日 / 最終更新日時 : 2022年9月6日 beginners5_wp html5 HTML4とHTML5（HTML Living Standard）との違い 現在、HTMLの主流はHTML5（HTML Living Standard、以後HTML5で統一）ですが、それ以前にはHTML4の時代がありました。HTML4の時代は、HTMLの黎明期でもあり、HTMLがどんどん機能拡張 […]
2021年7月27日 / 最終更新日時 : 2022年9月3日 beginners5_wp html5 使用頻度の高い要素（タグ） h1～h6要素－見出し（heading） 最も主要な見出しはh1要素数字が大きくなるにつれ重要度は低くなります。 HTML5 <h1>h1要素</h1> <h2>h2要素</h2> <h3>h3要素</h3> <h4>h4要素</h4> <h5>h5要素</h5> <h6>h6要素</h6> 123456 <h1>h1要素</h1> <h2>h2要素</h2> <h3>h3要素</h3> <h4>h4要素</h4> <h5>h5要素</h5> <h6>h6要素</h6> p要素－段落（paragraph） 要素 […]
2021年7月27日 / 最終更新日時 : 2022年9月3日 beginners5_wp html5 HTMLの基本骨格 WEBページをHTML5で作成するには次のようなタグを入力します。 HTML5の基本骨格 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>（ここにタイトルを記述）</title> </head> <body> （ここに本文を記述） </body> </html> 12345678910 <!DOCTYPE html><html lang="ja"> <head> <meta charset="UTF-8"> <title>（ここにタイトルを記述）</title> </head> <body> （ここに本文を記述） </body></html>