HTMLチュートリアル

HTMLホーム HTMLの紹介 HTMLエディター HTMLベーシック HTML要素 HTML属性 HTML見出し HTML段落 HTMLスタイル HTMLフォーマット HTMLの引用 HTMLコメント HTMLの色 HTML CSS HTMLリンク HTML画像 HTMLファビコン HTMLテーブル HTMLリスト HTMLブロックとインライン HTMLクラス HTMLID HTMLIframe HTML JavaScript HTMLファイルパス HTMLヘッド HTMLレイアウト HTMLレスポンシブ HTMLコンピューターコード HTMLセマンティクス HTMLスタイルガイド HTMLエンティティ HTMLシンボル HTML絵文字 HTML文字セット HTMLURLエンコード HTMLとXHTML

HTMLフォーム

HTMLフォーム HTMLフォーム属性 HTMLフォーム要素 HTML入力タイプ HTML入力属性 HTML入力フォームの属性

HTMLグラフィックス

HTMLキャンバス HTML SVG

HTMLメディア

HTMLメディア HTMLビデオ HTMLオーディオ HTMLプラグイン HTML YouTube

HTML API

HTMLジオロケーション HTMLドラッグアンドドロップ HTMLWebストレージ HTMLWebワーカー HTML SSE

HTMLの

HTMLの例 HTMLクイズ HTML演習 HTML証明書 HTMLの概要 HTMLアクセシビリティ

HTMLリファレンス

HTMLタグリスト HTML属性 HTMLグローバル属性 HTMLブラウザのサポート HTMLイベント HTMLの色 HTMLキャンバス HTMLオーディオ/ビデオ HTMLDoctypes HTML文字セット HTMLURLエンコード HTML言語コード HTTPメッセージ HTTPメソッド PXからEMへのコンバーター キーボードショートカット

HTMLリンク-ブックマークを作成する


HTMLリンクを使用してブックマークを作成できるため、読者はWebページの特定の部分にジャンプできます。


HTMLでブックマークを作成する

ブックマークは、Webページが非常に長い場合に役立ちます。

ブックマークを作成するには-最初にブックマークを作成してから、それにリンクを追加します。

リンクをクリックすると、ページはブックマークのある場所まで上下にスクロールします。

まず、id属性を使用してブックマークを作成します。

<h2 id="C4">Chapter 4</h2>

次に、同じページ内からブックマークへのリンクを追加します(「第4章にジャンプ」)。

<a href="#C4">Jump to Chapter 4</a>

別のページのブックマークへのリンクを追加することもできます。

<a href="html_demo.html#C4">Jump to Chapter 4</a>

章のまとめ

  • id属性(id = " value ")を使用して、ページのブックマークを定義します
  • href属性(href = "#value " )を使用してブックマークにリンクします

HTML演習

エクササイズで自分をテストする

エクササイズ:

正しいHTMLを使用して、以下のテキストを「default.html」へのリンクにします。

> HTMLチュートリアルにアクセスしてください。


HTMLリンクタグ

Tag Description
<a>Defines a hyperlink

利用可能なすべてのHTMLタグの完全なリストについては、HTMLタグリファレンスにアクセスしてください。