全ての記事

【id】ページ内を移動する「目次」や「先頭へ戻る」のようなページ内リンクの記述方法

ページの内容が多いと、ユーザーが目的の情報までたどり着くのが困難になります。画面をたくさんスクロールして、端から端まで目を通すのは大変です。今回は同じページの中を移動する「ページ内リンク」の記述を解説します。

HTMLのタグをつかって、一文字単位の部分的なスタイリングをするには、spanタグを活用します。今回は、文字色と背景色を部分的に指定する記述方法を紹介します。

webページのスタイリングには「CSS」を使うのが一般的ですが、「HTML」にもスタイリングのためのタグがあります。今回は、タグをつかって文字色と背景色を変更する記述方法を紹介します。

内部リンクや外部リンクは、Webサイトのユーザビリティに直結する要素です。特に内部リンクはWebサイトの「使いやすさ」そのものになります。今回はそんな「リンク」の記述方法を解説します。

HTMLで「表」を表現するにはtableタグをつかいます。tableタグで表の骨格を組み立てるには、少し複雑な記述工程が必要です。今回は工程ごとに解説していきますので、ひとつずつ確実に習得していきましょう。

情報をまとめるためには「リスト化」するのが効果的です。見やすくて伝わりやすい「リスト」は、いろんな場面で活躍します。今回はHTMLで表現できる３種類のリストの記述方法を解説します。

webページ内の本文に当たる部分はpタグで表現します。ですが、単純に「本文」と言っても所々に色んな意味を含んでいます。今回は、検索エンジンに正確な意味を伝えるためのタグを４種類紹介します。

雑誌や新聞など「伝える」ためのコンテンツには、「見出し」と「本文」が存在します。これらは、Webページの構成でも大切な要素です。今回はそんな「見出し」と「本文」を表現する記述方法を解説します。