简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

HTMLタグの使い方は？ htmlのaタグの使い方のまとめ

寻∝梦
リリース： 2018-08-29 13:36:17
オリジナル
8674 人が閲覧しました

この記事では、主に

HTML タグ と、その中の必須属性である href 属性について説明します。また、HTML タグの使用方法についても説明します。例を一緒に見てみましょう

まず第一に、a タグの使用法を理解しましょう:

html a タグは Web ページを定義するハイパーリンクであり、あるページから次のページに移動するために使用されます。ハイパーリンク

HTML の a タグで最も重要な属性は href 属性であり、href 属性はリンクのターゲットを定義するため、a タグの必須属性でもあります。 (詳細については、「PHP 中国語 Web サイト」を参照してください)

a タグで定義されるリンクの外観は、どのブラウザでも同じです

  • 1 つは未訪問のリンクです。色は青色で下線付きです。 1 つはアクセス後のリンクで、ラベルの色は紫で下線が付いています。 最後のリンクはアクティブなリンクで、ラベルの色は赤色です。 下線付きのものもあります。

  • そうは言っても、例を試してみましょう

    • <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<a href="http://www.php.cn">这里是PHP中文网</a>
</body>
</html>
    ログイン後にコピー
  • 効果の画像は次のとおりです:

ここには訪問済みのリンクがあるため、紫色になっています。

ここで、a タグの必須属性である a タグの href 属性について説明します。

上記のコードからわかるように、 タグの href 属性は、リンク先のURL。 href 属性の値には、有効なドキュメントの相対 URL または絶対 URL を指定できます。ここにハイパーリンクを配置し、URL を指定して、ページをクリックして URL を入力します。これが、私が個人的に a タグを好む理由でもあります。作業するときに文字に広告を挿入する必要があるのですが、このときは タグを使用するのが非常に簡単です。 HTMLタグの使い方は？ htmlのaタグの使い方のまとめ

現在では、カスケード スタイル シート ファイルや JavaScript ファイルの追加もあり、 タグはより多様になります。これについては後で話しましょう。

次に、a タグの href 属性のテキスト リンク フォームを見てみましょう: 

<a href="http://www.php.cn/course.html">这里是PHP中文网的教育课程</a>
ログイン後にコピー
これをクリックすると、ネットワーク ドキュメントの URL にリンクされ、PHP 中国語 Web サイト教育コースに入ります。このレンダリングは前のレンダリングと似ているので、見てください。 (属性の詳細については、html プログラミング辞書 をクリックしてください。)

a タグに必要な属性を導入した後、a タグには他にどのような属性があり、それらが何をするのかを見てみましょう:

html a tag 属性の紹介:


上の図の黒いボックスは HTML5 で廃止された属性です。青いボックスは HTML5 の新しい属性です。将来的には。

上記がこの記事の内容です。もちろん、HTML タグの使用方法については、今後の記事で引き続き紹介します。ご不明な点がございましたら、以下よりお問い合わせください【編集者のおすすめ】

HTMLタグの使い方は？ htmlのaタグの使い方のまとめHTMLでformタグのmethod属性を使用するにはどうすればよいですか?ここではmethod属性の使い方を紹介します

HTMLフレームタグの使い方は？フレームタグの具体的な使用例

以上がHTMLタグの使い方は？ htmlのaタグの使い方のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
a href html
ソース：php.cn
前の記事：HTMLのh1タグは二重タグですか？ HTMLのh1タグの位置を設定するにはどうすればいいですか？ 次の記事：html pタグにタグを含めることはできますか? html pタグの役割の説明
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
クエリと式は、新しい列を含むテーブル全体を形成します。新しい列は、他の条件列の値を含む式です。 編集: 式は「値」列、つま​​りカテゴリに基づいて最も低い user_id を持つ「値」列である必要があります。カテゴリ「A」の最も低い「user_id」の「value」列が 0....
から 2024-04-06 21:23:40
0
2
530
アンカーポイント内の画像に対して境界線の半径が機能しない 次の HTML コードを使用しています: <aclass="-video-detail-qualifiers-branding"><imgsr...
から 2024-04-06 17:20:25
0
1
347
JavaScript 関数はボタンのクリックには影響しません インターネットを検索して多くのことを試しましたが、比較的単純な問題で立ち往生しています。以下のコードは私の質問の全範囲です <script> //最終的に行全体を別のテ...
から 2024-04-05 13:14:53
0
2
1433
`:after` 疑似要素をスタイル付きコンポーネントに正しく適用するための React.js ガイド この美しい下線アニメーションを見つけました。 <ul><li><ahref="#">概要</a></li&...
から 2024-04-04 22:28:08
0
1
1322
2つの異なるテーブルの2つの列の値を比較しようとしています tableA と tableB という 2 つのテーブルがあります。テーブル A には 4 つの列があり、テーブル B には 3 つの列があります。テーブル A の最後の列は空白で...
から 2024-04-04 20:05:03
0
1
280
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！