1. 程式人生 > >HTML_超鏈接+文本標簽

HTML_超鏈接+文本標簽

html IT 內容 SM 相對 添加 lan 忽略 oct

 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>

HTML_超鏈接+文本標簽