HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLターゲット属性

要素のtarget属性は、ドキュメント内のハイパーリンクのデフォルトのターゲットを設定するために使用されます。

以下は構文です-

<base target="_blank|_self|_parent|_top| frame">

ここで、_blankはリンクされたドキュメントを新しいウィンドウまたはタブで開くために使用され、_selfはリンクされたドキュメントをクリックされたのと同じフレームで開き、_parentは親フレームでドキュメントを開き、_topはリンクされたドキュメントを本文全体で開きます。 window、frameは、リンクされたドキュメントを名前付きフレームで開きます。

ここで、要素-

のターゲット属性を実装する例を見てみましょう。

例

<!DOCTYPE html>
<html>
<head>
<base href="https://www.example.com/tutorials/" target="_blank">
</head>
<body>
<h2>Tutorials List</h2>

Java Tutorial
(This will act as https://www.example.com/tutorials/java.html)
jQuery Tutorial
(This will act as https://www.example.com/tutorials/jquery.html)
Blockchain Tutorial
(This will act as https://www.example.com/tutorials/blockchain.html)
Python Tutorial
(This will act as https://www.example.com/tutorials/python.html)

</body>
</html>

これにより、次の出力が生成されます。以下のリンクのいずれかをクリックすると、_blank-

が設定されているため、新しいウィンドウで開きます。

HTML base ターゲット属性

上記で、ベースURLを設定しました-

<base href="https://www.example.com/tutorials/" target="_blank">

要素のターゲット属性を-

に設定したため、すべてのURLが新しいウィンドウで開きます。 
target="_blank"

  1. HTML開始属性

    HTML start属性は、HTMLドキュメントの順序付きリストの最初のリストアイテムの開始値を定義します。 構文 以下は構文です- <ol start=”number”></ol> HTMLの開始属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;      

  2. HTML行スパン属性

    HTMLのrowspan属性は、テーブルのセルがHTMLドキュメントでまたがる行数を定義します。 tdにのみ適用できます または番目 HTML要素。 構文 以下は構文です- <tagname rowspan=”number”></tagname> HTML行スパン属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       b