HTMLターゲット属性
要素のtarget属性は、リンクされたドキュメントを開く場所を設定するために使用されます。新しいウィンドウ、同じフレーム、親フレームなどで開くようにドキュメントを設定できます。
以下は構文です-
<a target="_blank|_self|_parent|_top| frame">
ここでは、 _blank リンクされたドキュメントを新しいウィンドウまたはタブ_selfで開くために使用されます クリックされたのと同じフレームでリンクされたドキュメントを開き、_parentは親フレームでドキュメントを開き、_topはウィンドウの本体全体でリンクされたドキュメントを開き、frameは名前付きフレームでリンクされたドキュメントを開きます。
ここで、要素-
にターゲット属性を実装する例を見てみましょう。例
<!DOCTYPE html> <html> <body> <h2>Learning is Fun</h2> <p><strong>Note −</strong> The links will open in new window.</p> <p><a href="https −//www.tutorialspoint.com/tutorialslibrary.htm" target="_blank">Tutorials Library</a><br> <a href="https −//www.tutorialspoint.com/programming_examples/" target="_blank">Codes</a><br> <a href="https −//www.tutorialspoint.com/computer_glossary.htm" target="_blank">Computer Glossary</a> <br> </body> </html>
これにより、次の出力が生成されます。以下のリンクが新しいウィンドウで開きます-
上記の例では、ターゲット属性にターゲットを設定しています-
<a href="https −//www.tutorialspoint.com/tutorialslibrary.htm" target="_blank"> Tutorials Library </a>
上記の属性セットの値は_blankであり、これにより、href属性のリンクが新しいウィンドウで開きます-
target="_blank"
-
HTMLスタイル属性
HTMLスタイル属性は、HTMLドキュメントの要素のインラインスタイルを定義します。これはグローバル属性であり、任意のHTML要素で使用できることを意味します。 構文 以下は構文です- <tagname style=”text”></tagname> HTMLスタイルの属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000;
-
HTML開始属性
HTML start属性は、HTMLドキュメントの順序付きリストの最初のリストアイテムの開始値を定義します。 構文 以下は構文です- <ol start=”number”></ol> HTMLの開始属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh;