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

HTMLhref属性

要素のhref属性は、すべての相対URLのベースURLを設定します。たとえば、ベースURLは https://example.com/tutorials / html、/ java、/jqueryなどのすべての相対URL 。、最終的には-

https://example.com/tutorials/html
https://example.com/tutorials/java
https://example.com/tutorials/jquery

以下は構文です-

<base href="absolute_URL">

上記のabsolute_URLは、ベースURLの絶対URLです。 要素-

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

例

<!DOCTYPE html>
<html>
<head>
<base href="https://www.example.com/tutorials/">
</head>
<body>
   <h2>Tutorials List</h2>
   <p><a href="java.html">Java Tutorial</a></p><p>(This will act as https://www.example.com/tutorials/java.html)</p>
   <p><a href="jquery.html">jQuery Tutorial</a></p><p>(This will act as https://www.example.com/tutorials/jquery.html)</p>
   <p><a href="blockchain.html">Blockchain Tutorial</a></p><p>(This will act as https://www.example.com/tutorials/blockchain.html)</p>
   <p><a href="python.html">Python Tutorial</a></p><p>(This will act as https://www.example.com/tutorials/python.html)</p>
</body>
</html>

出力

HTML base href属性

上記の例では、ベースURLを-

として設定しています。 
<base href="https://www.example.com/tutorials/">

リンクを「java.html」と記載した後 "、それは最終的に-

として機能します 
https://www.example.com/tutorials/java.html

  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