目次
HTML href
分析例
効果表示
HTML ターゲット
エフェクト表示
HTML name
Reflection
ホームページ ウェブフロントエンド htmlチュートリアル LN: W3School で HTML を学ぶ 011_html/css_WEB-ITnose

LN: W3School で HTML を学ぶ 011_html/css_WEB-ITnose

Jun 24, 2016 am 11:15 AM

LN: W3School 011 で HTML を学ぶ

コンテンツは W3School から参照されています

HTML チュートリアル

<a> タグを使用するには 2 つの方法があります:

  1. href 属性を使用する - 別のタグへのリンクを作成するドキュメント
  2. name 属性を使用して、ドキュメント内にブックマークを作成します

HTML href

  • 「リンクテキスト」はテキストである必要はありません。画像やその他の HTML 要素をリンクにすることができます
  • 分析例

    &lt;a href=&quot;http://www.cnblogs.com/renleimlj/&quot;&gt;Visit my blog!&lt;/a&gt;
    ログイン後にコピー

    効果表示

    私のブログにアクセスしてください!

    HTML ターゲット

  • Target 属性を使用すると、リンクされたドキュメントが表示される場所を定義できます
  • 分析例

    &lt;html&gt;&lt;body&gt;&lt;a href=&quot;http://www.cnblogs.com/renleimlj/&quot; target=&quot;_blank&quot;&gt;Visit my blog!&lt;/a&gt;&lt;p&gt;如果把链接的 target 属性设置为 &quot;_blank&quot;,该链接会在新窗口中打开。&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;
    ログイン後にコピー

    エフェクト表示

    私のブログにアクセスしてください

    リンクのtarget属性が「_blank」に設定されている場合、リンクは新しいウィンドウで開きます。

    HTML name

  • name 属性は、ブックマークの作成に使用できるアンカーの名前を指定します
  • ブックマークは特別な方法で表示されることはなく、読者には見えません
  • <a name= label"> アンカー (ページに表示されるテキスト) </a>
  • アンカーの名前は任意の名前にすることができます
  • name 属性の代わりに id 属性を使用でき、名前付きアンカーも有効です
  • 分析例

    まず、HTML ドキュメント内のアンカーに名前を付けます (ブックマークを作成します):

    &lt;a name=&quot;tips&quot;&gt;基本的注意事项 - 有用的提示&lt;/a&gt;
    ログイン後にコピー

    次に、同じドキュメント内にアンカーへのリンクを作成します:

    &lt;a href=&quot;#tips&quot;&gt;有用的提示&lt;/a&gt;
    ログイン後にコピー

    Reflection

    基本的な推奨事項と禁止事項ts - 役立つヒント
    役立つヒント

    基本的なメモ - 役立つヒント:
    注: サブフォルダーには必ずスラッシュを追加してください。リンクが href="" のように記述されている場合、サーバーに対して 2 つの HTTP リクエストが生成されます。これは、サーバーがアドレスにスラッシュを追加して、次のように新しいリクエストを作成するためです。
    ヒント: 名前付けアンカーは、大きなドキュメントの先頭に目次を作成するためによく使用されます。各章は、アンカーに名前を付けて、これらのアンカーへのリンクをドキュメントの上部に配置します。Baidu Encyclopedia に頻繁にアクセスすると、そのほとんどすべてのエントリでこのナビゲーション方法が使用されていることがわかります。
    ヒント: ブラウザーが見つからない場合。名前付きアンカーが定義されている場合、エラーは発生しません。

    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

    ホットな記事タグ

    メモ帳++7.3.1

    メモ帳++7.3.1

    使いやすく無料のコードエディター

    SublimeText3 中国語版

    SublimeText3 中国語版

    中国語版、とても使いやすい

    ゼンドスタジオ 13.0.1

    ゼンドスタジオ 13.0.1

    強力な PHP 統合開発環境

    ドリームウィーバー CS6

    ドリームウィーバー CS6

    ビジュアル Web 開発ツール

    SublimeText3 Mac版

    SublimeText3 Mac版

    神レベルのコード編集ソフト(SublimeText3)

    公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? 公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? Mar 04, 2025 pm 12:32 PM

    公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は?

    HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

    HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか?

    WebページのPNG画像にストローク効果を効率的に追加する方法は? WebページのPNG画像にストローク効果を効率的に追加する方法は? Mar 04, 2025 pm 02:39 PM

    WebページのPNG画像にストローク効果を効率的に追加する方法は?

    &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

    &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか?

    &lt; datalist&gt;の目的は何ですか 要素? &lt; datalist&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

    &lt; datalist&gt;の目的は何ですか 要素?

    &lt; meter&gt;の目的は何ですか 要素? &lt; meter&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

    &lt; meter&gt;の目的は何ですか 要素?

    HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

    HTML5のクロスブラウザー互換性のベストプラクティスは何ですか?

    IFramesを使用することのセキュリティへの影響は何ですか?また、どのようにそれらを軽減できますか? IFramesを使用することのセキュリティへの影響は何ですか?また、どのようにそれらを軽減できますか? Mar 18, 2025 pm 02:51 PM

    IFramesを使用することのセキュリティへの影響は何ですか?また、どのようにそれらを軽減できますか?

    See all articles