HTML_超鏈接+文本標簽


 1 <a>鏈接的文字</a>
 2 
 3 
 4 屬性:
 5     href
 6         指向鏈接跳轉的目標地址,可以是一個相對路徑
 7         還可以是#id屬性值,這樣當點擊超鏈接以后,將會跳轉到當前頁面的指定位置
 8         可以使用mailto:來創建一個發送電子郵件的超鏈接
 9         href
10             指向鏈接跳轉的目標地址,可以是一個相對路徑
11             還可以是#id屬性值,這樣當點擊超鏈接以后,將會跳轉到當前頁面的指定位置
12             可以使用mailto:來創建一個發送電子郵件的超鏈接
13         target
14             指定在哪個窗口中打開鏈接
15             可選值
16                 _self
17                     默認值,默認在當前窗口打開鏈接
18                 _blank
19                     在新窗口中打開鏈接
20                 內聯框架的name屬性值
21                     在指定的內聯框架中打開鏈接

 

  1 <!DOCTYPE html>
  2 <html>
  3     <head>
  4         <meta charset="UTF-8">
  5         <title></title>
  6     </head>
  7     <body>
  8         <!-- 
  9             em和strong
 10             - 這兩個標簽都表示一個強調的內容,
 11                 em主要表示語氣上的強調,em在瀏覽器中默認使用斜體顯示
 12                 strong表示強調的內容,比em更強烈,默認使用粗體顯示
 13         -->
 14         <p>
 15             今天天氣<em>真不錯</em> 16         </p>
 17         
 18         <p>
 19             <strong>
 20                 注意:如果你不認真上課,你就找不到好工作!
 21             </strong>
 22         </p>
 23         
 24         <!-- 
 25             i標簽中的內容會以斜體顯示
 26             b標簽中的內容會以加粗顯示
 27             
 28             h5規范中規定,對於不需要着重的內容而是單純的加粗或者是斜體,
 29                 就可以使用b和i標簽
 30         -->
 31         <p>
 32             <i>我是i標簽中的內容</i>
 33             <b>我是b標簽中的內容</b>
 34         </p>
 35         
 36         <!--
 37             small標簽中的內容會比他的父元素中的文字要小一些
 38                 在h5中使用small標簽來表示一些細則一類的內容
 39                 比如:合同中小字,網站的版權聲明都可以放到small
 40         -->
 41         <p>
 42             我是p標簽中的內容<small>我是small標簽中的內容</small>
 43         </p>
 44     
 45         <!-- 
 46             網頁中所有的加書名號的內容都可以使用cite標簽,表示參考的內容,
 47                 比如:書名 歌名 話劇名 電影名 。。。
 48         -->
 49         <p>
 50             <cite>《論語》</cite>是最喜歡的一般的書
 51         </p>
 52         
 53         <!--
 54             q標簽表示一個短的引用(行內引用)
 55                 q標簽引用的內容,瀏覽器會默認加上引號
 56             
 57             blockquote標簽表示一個長引用(塊級引用)
 58         -->
 59         <p>
 60             子曰:<q>學而時習之不亦說乎!</q>
 61         </p>
 62         
 63         <div>
 64             子曰:
 65             <blockquote>
 66                 有朋自遠方來,樂呵樂呵!
 67             </blockquote>
 68         </div>
 69         
 70         <!-- 
 71             使用sup標簽來設置一個上標
 72         -->
 73         <p>2<sup>2</sup></p>
 74         <p>趙薇<sup><a href="#">[1]</a></sup></p>
 75         
 76         <!--
 77             sub標簽用來表示一個下標
 78         -->
 79         <p>H<sub>2</sub>O</p>
 80         
 81         <!--
 82             使用del標簽來表示一個刪除的內容
 83                 del標簽中的內容,會自動添加刪除線
 84         -->
 85         <p>
 86             <del>17.75</del> <br />
 87             15.54 <br />
 88         </p>
 89         
 90         
 91         <!-- 
 92             ins表示一個插入的內容
 93                 ins中的的內容,會自動添加下划線
 94         -->
 95         <p>
 96             我們的老師真<ins>好啊</ins> 97         </p>
 98         
 99         
100         <!--
101             需要頁面中直接編寫一些代碼
102             pre是一個預格式標簽,會將代碼中的格式保存,不會忽略多個空格
103             code專門用來表示代碼
104             
105             我們一般結合使用pre和code來表示一段代碼
106         -->
107         
108         <pre>
109             <code>
110                 window.onload = function(){
111                     alert("Hello World");
112                 };
113             </code>
114         </pre>
115         
116         
117     </body>
118 </html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM