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

HTMLhref属性

要素のhref属性は、外部リソースのURLを設定するために使用されます。

以下は構文です-

<link href="url">

上記のURLは、リンクされたドキュメントのURLです。 要素-

のhref属性を実装する例を見てみましょう。

例

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="new.css">
</head>
<body>
   <h1>Demo Heading</h1>
   <p>This is demo text.</p>
</body>
</html>

「new.css」の上に外部ドキュメントがあり、hrefを使用してリンクされています。このドキュメントはCSSスタイルのファイルです-

h1{
   color − blue;
}
p{
   background-color − red;
}

出力

これにより、次の出力が生成されます。上記の「new.css」の見出しとテキストのスタイルを設定しました-

HTML link href属性


  1. HTMLオープン属性

    HTMLのopen属性は、詳細を定義します HTML要素のコンテンツはHTMLドキュメントで表示（オープン）する必要があります。 構文 以下は構文です- <details open></details> HTMLオープン属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;      

  2. HTMLの低い属性

    HTMLのlow属性は、HTMLドキュメントでゲージの値が低い値であると見なされる範囲を定義します。 メーターにのみ適用できます HTML要素。 構文 以下は構文です- <meter low=”number”></meter> HTMLの低い属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh