css

 箇条書きリスト(unorderd list|アンオーダード・リスト)

文章ではなく項目やリストの表示を司るタグはいくつか存在します。その一つがこの『箇条書きリスト(unorderd list|アンオーダード・リスト)』です。例えば、イベント参加に必要な条件(条件の項目に順番が関係ない事)や、持ち物リストなどが当てはまります。

 段落p(paragraph|パラグラフ)

Webサイトを制作する上で常に使うタグと言っていいタグが、このパラグラフ(paragraph)pタグです。このpタグは文章の一段落部分をマークアップするタグです。日本語で文章の始まりから句点「。」で終わる文章までを一段落としています。そこまでをこのpタグで囲めば良いのです。ただし、必ず一段落を囲むものだ!と厳格に考えなくてもいいかと思います。

 見出しh1〜h6(heading|ヘディング)

body内に記述するタグの中で重要なのが見出しタグ(heading)のひとつh1タグです。見出しタグ(heading)にはh1からh6までの六段階が用意されています。その中でもh1タグは一番重要な大見出しのタグです。このページではh1タグである見出しタグ(heading)や他の見出しタグの使い方を解説します。

 HTMLの基本的なフォーマット

日頃、Webサイトを一から作ることもあるので、汎用性の高いソースを準備していたりします。このページでは私が使うHTMLのソースを紹介します。これからHTMLを勉強したりWebサイトを作ろうとしている方の手助けになれば幸いです。

 アドセンス(AdSense)広告がずれる|レイアウトが崩れる

GoogleのAdSense広告を自分のサイトやBlogに貼っている方は多いと思います。私もそうです。Webの技術を生業にこのBlogではチップスやソースをメモがわりにしているのですが、以前AdSenseの広告を貼った際、レスポンシブで構築したサイトがスマフォなどで見ると「ずれた」感じになって困りました。その時に調べたことをメモしています。

 Google Fontsの「Noto Serif Japanese(日本語Webフォント)」の設定方法あれこれ:その2

前記事が長くなったので2ページに分けました。「その1」の続きです。

 Google Fontsの「Noto Serif Japanese(日本語Webフォント)」の設定方法あれこれ:その1

日本語Webフォント(Google Fonts)の『Noto Sans CJK JP』をお使いの人も多いと思います。最近では明朝体の『Noto Serif Japanese』も利用できるようになりました。Webフォントは今まで環境依存だったFONTをどの環境でも同じ書体を使いデザインできる画期的な手法です。今回、明朝体の『Noto Serif Japanese』を利用するまでの過程を参考になるサイトの紹介を含めまとめてみました。参考になれば幸いです。