HTML入門

 次世代画像フォーマット『WebP(ウェッピー)』の話

日頃、Webサイトを運営しながらアクセスログを除いていると7割以上がスマートフォンで閲覧している事がわかります。スマートフォンの創世記から考えると今の端末はすごい速度で進化しています。そして5Gの環境整備も進んでいます。そんなスマートフォン向けにWebサイトやコンテンツを考慮するとどうしても次世代画像フォーマットの話になるのですが、今だにハッキリとした決定打がある状況ではないのですが、そうも言っていられないのが現状です。そこらへんを簡単にまとめてみました。

 続きを読む

 Webサイトのコーディング例でみるHTMLの遍歴

長年Webサイトを作る仕事をしていると、それに用いる技術の遍歴を感じます。HTMLやCSSの技術も、ひと昔前から考えるとだいぶ変わりました。ここでは簡単なコーディング例からここ数年のHTMLとCSSの移り変わりを紹介します。

 続きを読む

 番号リスト(orderd list|オーダード・リスト)

文章ではなく項目やリストの表示を司るタグはいくつか存在します。その一つがこの『番号リスト(orderd list|オーダード・リスト)』です。例えば、手順の必要な項目や、番号をつけないといけないリストなどが当てはまります。

 続きを読む

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

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

 続きを読む

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

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

 続きを読む

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

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

 続きを読む

 意外と知られていないWebのタグの名称

Webの制作をしていても意外とタグの名称は知らないもの。日本人であれば仕方がないが、主要なタグの名称くらい、おぼえていても損はない!

 続きを読む