あーるくんブログ

webデザイン独学【無料】目次で御用達！ページ内の特定した場所にリンクを指定する方法。

ホームページやウェブサイトを構築していると、特定したページ内の箇所にアンカーリンクを設定したい場合があります。テキストをクリックすると指定した箇所まで一気にジャンプします。閲覧するエンドユーザに向けたユーザビリティ要素です。ブログの目次などに多様されるようになりました。

ホームページではボタンをクリックすることで別ページに画面遷移します。同じサイト内であっても外部サイトでも「アンカータグ」を使って指定します。ここではナビゲーションメニューなどを作成するアンカータグについて説明します。

ここではメニューや箇条書きで使う「リスト」タグを説明します。分かりやすく例えると目次のような文章を作成したいときに指定するタグです。その他メニューボタンなどにも使います。

ホームページで文字を書く時にはpタグで文章を記述することをお伝えしました。文章内の文字を強調したいときに使うstrongタグは少し注意が必要なポイントがあります。ここではホームページの文章で「重要」なワードを強調するタグ！についてを説明します。

ここでは段落の区切りで使用できるhrタグを紹介します。視覚的に罫線が入りますので文章を区切る時によく使われます。必ず使うタグではありませんが必要に応じて使いましょう。

今回はマッチングアプリのペアーズ（Pairs）にはサクラはいるの？本当に出逢えるの？と疑問に感じている人も多いと思います。マッチングアプリには良いところも悪いところもあります。今回は厳しく「曇りなき眼」で見定めました。僕が実体験で検証した結果を嘘偽りなくすべて真実としてお伝えします。

文章の見出しで使うhタグにはh1からh6まであります。ページ内で各タイトルを表記したい時に利用するタグです。使い方にルールもあります。タイトルタグは検索も影響しやすいと言われていますので重要タグと認識されています。

それでは段落タグと改行タグの記述練習をしてみましょう。Lesson8の素材ファイルを用意しています。記述が増えるにつれてタグの閉じ忘れがあります。閉じ忘れがあるとブラウザ表示も崩れたりします。開始タグと終了タグには気をつけましょう！