本文主要內容

字體標簽

特殊字符（轉義字符）

•  ：空格 （non-breaking spacing，不斷打空格）
• <：小于號（less than）
• >：大于號（greater than）
• &：符號&
• "：雙引號
• '：單引號
• ©：版權?
• ™：商標?
• 绐：文字紿。其實，#32464是漢字紿的unicode編碼。

要求背誦的特殊字符有： 、<、>、©。

比如說，你想把<p>作為一個文本在頁面上顯示，直接寫<p>是肯定不行的，因為這代表的是一個段落標簽，所以這里需要用到轉義字符。應該這么寫：

這是一個HTML語言的&lt;p&gt;標簽

正確的效果如下：

錯誤的效果如下：

其實我們只要記住前三個符號就行了，其他的在需要的時候查一下就行了。而且，EditPlus軟件中是可以直接點擊這些符號進行選擇的：

來一張表格，方便需要的時候查詢：

特殊字符描述字符的代碼空格符&nbsp;

<小于號&lt;

大于號&gt;&和號&amp;￥人民幣&yen;?版權&copy;?注冊商標&reg;°攝氏度&deg;±正負號&plusmn;×乘號&times;÷除號&divide;2平方2（上標2）&sup2;3立方3（上標3）&sup3;

下劃線、中劃線、斜體

• <u>：下劃線標記
• <s>或<del>：中劃線標記（刪除線）
• <i>或<em>：斜體標記

效果：

上面的這幾個標簽，常用于做一些小裝飾、小圖標。比如：

這張圖中，我們通過查看京東網站的代碼發現，箭頭處的小圖標都是用的標簽<i>。

粗體標簽<b>或<strong>（已廢棄）

效果：

字體標簽<font>（已廢棄）

屬性：

• size：設置字體大小。 取值范圍只能是：1至7。取值時，如果取值大于7那就按照7來算，如果取值小于1那就按照1來算。如果想要更大的字體，那就只能通過css樣式來解決。
• face="微軟雅黑"：設置字體類型。

舉例：

效果：

上標<sup> 下標<sub>

上小標這兩個標簽容易混淆，怎么記呢？這樣記：b的意思是bottom：底部 舉例：

O² 5₃

效果：

三、超鏈接

超鏈接有三種形式，下面分別講講。

1、外部鏈接：鏈接到外部文件

舉例：

<a href="02頁面.html">點擊進入另外一個文件</a>

a是英語anchor“錨”的意思，就好像這個頁面往另一個頁面扔出了一個錨。是一個文本級的標簽。

href（hypertext reference）：超文本地址。讀作“喝瑞夫”，不要讀作“喝夫”。

效果：

當然，我們也可以直接點進鏈接，訪問一個網址。舉例如下：

2、錨鏈接

錨鏈接：給超鏈接起一個名字，作用是在本頁面或者其他頁面的的不同位置進行跳轉。比如說，在網頁底部有一個向上箭頭，點擊箭頭后回到頂部，這個就可以利用錨鏈接。

首先我們要創建一個錨點，也就是說，使用name屬性或者id屬性給那個特定的位置起個名字。效果如下：

上圖中解釋：

第11行代碼表示，頂部這個錨的名字叫做name1。 然后在底部設置超鏈接，點擊時將回到頂部（此時，網頁中的url的末尾也出現了#name1）。注意上圖中紅框部分的#號不要忘記了，表示跳到名為name1的特定位置，這是規定。如果少了#號，點擊之后，就會跳到name1這個文件或者name1這個文件夾中去。

如果我們將上圖中的第28行代碼寫成：

<a href="a.html#name1">回到頂部</a>

那就表示，點擊之后，跳轉到a.html頁面的name1錨點中去。

說明：name屬性是HTML4.0以前使用的，id屬性是HTML4.0后才開始使用。為了向前兼容，因此，name和id這兩個屬性都要寫上，并且值是一樣的。

3、郵件鏈接

代碼舉例：

效果：點擊之后，會彈出outlook，作用不大。

超鏈接的屬性

• href：目標URL
• title：懸停文本。
• name：主要用于設置一個錨點的名稱。
• target：告訴瀏覽器用什么方式來打開目標頁面。target屬性有以下幾個值：
  • _self：在同一個網頁中顯示（默認值）
  • _blank：在新的窗口中打開。
  • _parent：在父窗口中顯示
  • _top：在頂級窗口中顯示

title屬性舉例：

<a href="09_img.html" title="很好看哦">結婚照</a>

效果如下：

target屬性舉例：

<a href="1.html" title="懸停文本" target="_blank">鏈接的內容</a>

blank就是“空白”的意思，就表示新建一個空白窗口。為啥有一個_ ，就是規定，無需解釋。 也就是說，如果不寫target=”_blank”那么就是在相同的標簽頁打開，如果寫了target=”_blank”，就是在新的空白標簽頁中打開。

備注1：分清楚img和a標簽的各自的屬性

區別如下：

備注2：a是一個文本級的標簽

比如一個段落中的所有文字都能夠被點擊，那么應該是p包裹a：

a的語義要小于p，a就是可以當做文本來處理，所以p里面相當于放的就是純文字。

總結

以上是生活随笔為你收集整理的a标签去下划线或文字添加下修饰_HTML标签：字体标签和超链接的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。