HTMLリンク
HTMLリンクはハイパーリンクです。つまり、リンクをクリックすると、別のドキュメントにジャンプします。
構文
以下は構文です-
<a href=”URL” target=”value” >Link Content</a>
こちらURL 宛先アドレスを指定し、ローカルアドレスまたは外部アドレスのいずれかになります。 ターゲット 属性は、リンクされたドキュメントを開く場所を定義し、次の値を取ることができます:
値 | 説明 |
---|---|
_blank | リンクされたドキュメントを新しいタブまたはウィンドウで開きます。 |
_parent | リンクされたドキュメントを親フレームで開きます。 |
_self | リンクされたドキュメントを同じウィンドウで開きます。 |
_top | リンクされたドキュメントをウィンドウ全体で開きます。 |
例
HTMLリンクの例を見てみましょう-
<!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC; background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); text-align: center; } </style> <body> <h1>HTML Links Demo</h1> <a href="https://google.com" target="_blank">Go To Google</a> </body> </html>
出力
次に、「Googleに移動」をクリックします 」リンクをクリックして、新しいウィンドウでGoogleリンクを開きます。
-
HTMLDOMドメインプロパティ
HTML DOMドメインプロパティは、ドキュメントが現在実行されているサーバーのドメイン名を取得するために使用されます。ドメイン名を文字列の形式で返します。ドメインが識別されない場合、値はnullになる可能性があります。 構文 以下は、ドメインプロパティの構文です- document.domain 例 HTMLDOMドメインプロパティの例を見てみましょう- <!DOCTYPE html> <html> <style> <h1>domain property example</h1> <p>Get the domain
-
HTMLDOMdlオブジェクト
HTMLDOMdlオブジェクトはHTML要素に関連付けられています。 要素は、説明リストを作成するためのものです。 dlオブジェクトを使用すると、JavaScriptを使用して要素を動的に作成してアクセスできます。 構文 以下は、-の構文です。 説明リストの作成- var p = document.createElement("DL"); 例 dlオブジェクトの例を見てみましょう- <!DOCTYPE html> <html> <body> <h2>Div object example</h2> <p&