HTMLリンクコード

HTMLリンクコードの書き方。

HTMLテキストリンク

<a href="link/html-text-link.htm"/Text Link</a/

コードはこのリンクを作成します:

テキストリンク

同じページへのHTMLリンク

アンカーリンクコード:

<a href="#generator"/Link code generator</a/

コードはこのリンクを作成します:

リンクコードジェネレーター

リンクを押すと、ブラウザは次のコードで以下の見出しにジャンプします。

<h2/<a id="generator"/Link code generator</a/</h2/

HTML画像リンク

<a href="link/link-image.htm"/<img src="link/flower.jpg" width="82" height="86" alt="Flower"/</a>

コードはこのリンクを作成します:

花

HTMLメールリンク

<a href="mailto:name@RT">Send Mail</a>

コードはこのリンクを作成します:

メールを送る

 

参照:HTML mailtolink

ファイルダウンロードへのHTMLリンク

<a href="link/test_file.zip">Download File</a>

コードはこのリンクを作成します:

ダウンロードファイル

 

参照:HTMLダウンロードリンク

新しいウィンドウで開くHTMLリンク

このリンクは新しいウィンドウまたはタブで開きます:

<a href="link/html-text-link.htm" target="_blank">Open page in new window</a>

コードはこのリンクを作成します:

新しいウィンドウでページを開く

HTMLボタンリンク

javascriptなし:

<form action="link/html-button-link.htm">
    <input type="submit" value="A button link">
</form>

javascriptの場合:

<input type="button" value="A button link" onclick="window.location.href='link/html-button-link.htm'">

リンクの色

リンクの色の変更は、cssスタイリングで行われます。

<a href="link/html-link-color.htm" style="color:red">Link color page</a>

コードはこのリンクを生成します:

リンクカラーページ

 

リンクの背景色の変更は、cssスタイリングで行われます。

<a href="link/html-link-color.htm" style="background-color:#ffffa0">Link color page</a>

コードはこのリンクを生成します:

リンクカラーページ

相対パスリンクと絶対パスリンク

これは相対パスURLのリンクです:

<a href="link/html-text-link.htm">Text Link</a>

コードはこのリンクを生成します:

テキストリンク

 

これは絶対パスURLのリンクです:

<a href="https://www.rapidtables.org/web/html/link/html-text-link.htm">Text Link</a>

コードはこのリンクを生成します:

テキストリンク

HTMLリンクコードジェネレーター

リンクタイプを選択します。

リンクテキストを入力してください:    
リンク先のURLを入力してください。    
CSSリンクスタイルを設定します。    
通常のリンク:    
色:
背景色:
テキスト装飾:  
ターゲット-新規:  
ホバーリンク:    
色:
背景色:
テキスト装飾:  
ターゲット-新規:  
生成されたリンクビュー:    
生成されたリンクコード:    

 


も参照してください

WEB HTML
迅速なテーブル