HTML・CSS
HTML5 【 figure 】 ～ 本文から参照されるコンテンツ
HTML5の新要素の1つにfigure要素があります。figure要素は、同じくHTML5の新要素であるfigcaption要素でキャプションを伴って、画像などをグループ化することができます。 今回は、このfigure要 […]
一覧
HTML・CSS
HTML5 【 レイアウト 】4 ～ headerとfooter
今回は、HTML5から新たに加わったheader要素とfooter要素についてまとめたいと思います。 目次 １．header要素 ２．footer要素 ３．address要素の新ルール １．header要素 下の […]
HTML・CSS
HTML5 【 レイアウト 】3 ～ セクション要素と見出し要素
HTML5 【 レイアウト 】1 ～ 新要素を使った書き方のイメージ、HTML5 【 レイアウト 】2 ～ article、aside、section、navで、HTML5の新要素であるセクション要素（article、a […]
HTML・CSS
HTML5 【 レイアウト 】2 ～ article、aside、section、nav
HTML5 【 レイアウト 】1 ～ 新要素を使った書き方のイメージで、HTML5の新要素を使ってWebページのレイアウトを組む際の書き方をざっと紹介しました。今回は、そこで使用した<article> < […]
HTML・CSS
HTML5 【 レイアウト 】1 ～ 新要素を使った書き方のイメージ
HTML5は、HTML4以前と比較して書き方がシンプルでわかりやすくなったところがいくつかあります。 今回は、HTML5で新しくできた要素を使ってざっとページのレイアウトを書いてみます。従来の書き方と比べてとてもシンプル […]
HTML・CSS
HTML 【 表 】4 ～ scope属性と headers属性
テーブルのセル（th、td）に使える属性に、「scope」属性と「headers」属性というものがあります。 この2つの属性は 音声ブラウザ（音声読み上げソフト）で、テーブルの情報を表現しやすくするための働きをします。 […]
HTML・CSS
HTML 【 表 】3 ～ tableのグループ化
table内でグループ化をすると、セルの背景色などをCSSで一括指定できるので、<th>や<td>で1つずつ指定する手間が省けてとても便利です。 今回は、そんな表のグループ化について紹介します。 […]
HTML・CSS
HTML 【 表 】2 ～ セルの結合と枠線の非表示
HTML 【 表 】１ ～ 基本的なtableの作り方の次に、複数のセルが結合した複雑な表を作ってみましょう。段階的な分類がある表などを作る場合に有用です。 そして、セルの枠線を非表示にする設定方法も紹介します。 目 […]
HTML・CSS
HTML 【 表 】１ ～ 基本的なtableの作り方
イベントのお知らせやスケジュールなど、大事な情報を伝える時には、文章だけで伝えるより、表を使った方が分かりやすい場合があります。 Webサイトで表を作りたい時は、table要素というものを使って作成していきます。 今回は […]
HTML・CSS
HTML 【 色見本 】 ～ カラーチャート
背景や文字などに使う色のトーンは、Webサイトのイメージを作る重要な要素です。 HTMLでは、色をコードやカラーネームなどで指定します（指定の方法は、HTML 【 色指定 】 ～ colorの指定方法にまとめましたのでご […]
HTML・CSS
HTML 【 背景 】 ～ backgroundの設定
Webサイトは、その中に書かれていた内容よりも、ページ全体のイメージが記憶に残ることがよくあります。 このようなイメージを形作るのに重要となるのがページ全体の背景だと思います。 そこで今回は、CSSを使ってWebサイトの […]
HTML・CSS
HTML 【 色指定 】 ～ colorの指定方法
サイトの色指定は CSSで行います。 色指定には「 16進数 」や「 10進数 」、「 カラーネーム 」など、いろいろな方法があります。 「 #FF0000 」のような書き方をする16進数での指定法の「 FF 」や「 0 […]
