a标签去下划线或文字添加下修饰_HTML标签：字体标签和超链接
本文主要內(nèi)容
字體標(biāo)簽
特殊字符（轉(zhuǎn)義字符）
- ：空格 （non-breaking spacing，不斷打空格）
- <：小于號(hào)（less than）
- >：大于號(hào)（greater than）
- &：符號(hào)&
- "：雙引號(hào)
- '：單引號(hào)
- ©：版權(quán)?
- ™：商標(biāo)?
- 绐：文字紿。其實(shí)，#32464是漢字紿的unicode編碼。
要求背誦的特殊字符有： 、<、>、©。
比如說(shuō)，你想把<p>作為一個(gè)文本在頁(yè)面上顯示，直接寫<p>是肯定不行的，因?yàn)檫@代表的是一個(gè)段落標(biāo)簽，所以這里需要用到轉(zhuǎn)義字符。應(yīng)該這么寫：
這是一個(gè)HTML語(yǔ)言的<p>標(biāo)簽
正確的效果如下：
錯(cuò)誤的效果如下：
其實(shí)我們只要記住前三個(gè)符號(hào)就行了，其他的在需要的時(shí)候查一下就行了。而且，EditPlus軟件中是可以直接點(diǎn)擊這些符號(hào)進(jìn)行選擇的：
來(lái)一張表格，方便需要的時(shí)候查詢：
特殊字符描述字符的代碼空格符
<小于號(hào)<
大于號(hào)>&和號(hào)&￥人民幣¥?版權(quán)©?注冊(cè)商標(biāo)®°攝氏度°±正負(fù)號(hào)±×乘號(hào)×÷除號(hào)÷2平方2（上標(biāo)2）²3立方3（上標(biāo)3）³
下劃線、中劃線、斜體
- <u>：下劃線標(biāo)記
- <s>或<del>：中劃線標(biāo)記（刪除線）
- <i>或<em>：斜體標(biāo)記
效果：
上面的這幾個(gè)標(biāo)簽，常用于做一些小裝飾、小圖標(biāo)。比如：
這張圖中，我們通過(guò)查看京東網(wǎng)站的代碼發(fā)現(xiàn)，箭頭處的小圖標(biāo)都是用的標(biāo)簽<i>。
粗體標(biāo)簽<b>或<strong>（已廢棄）
效果：
字體標(biāo)簽<font>（已廢棄）
屬性：
- size：設(shè)置字體大小。 取值范圍只能是：1至7。取值時(shí)，如果取值大于7那就按照7來(lái)算，如果取值小于1那就按照1來(lái)算。如果想要更大的字體，那就只能通過(guò)css樣式來(lái)解決。
- face="微軟雅黑"：設(shè)置字體類型。
舉例：
效果：
上標(biāo)<sup> 下標(biāo)<sub>
上小標(biāo)這兩個(gè)標(biāo)簽容易混淆，怎么記呢？這樣記：b的意思是bottom：底部 舉例：
O<sup>2</sup> 5<sub>3</sub>
效果：
三、超鏈接
超鏈接有三種形式，下面分別講講。
1、外部鏈接：鏈接到外部文件
舉例：
<a href="02頁(yè)面.html">點(diǎn)擊進(jìn)入另外一個(gè)文件</a>
a是英語(yǔ)anchor“錨”的意思，就好像這個(gè)頁(yè)面往另一個(gè)頁(yè)面扔出了一個(gè)錨。是一個(gè)文本級(jí)的標(biāo)簽。
href（hypertext reference）：超文本地址。讀作“喝瑞夫”，不要讀作“喝夫”。
效果：
當(dāng)然，我們也可以直接點(diǎn)進(jìn)鏈接，訪問(wèn)一個(gè)網(wǎng)址。舉例如下：
2、錨鏈接
錨鏈接：給超鏈接起一個(gè)名字，作用是在本頁(yè)面或者其他頁(yè)面的的不同位置進(jìn)行跳轉(zhuǎn)。比如說(shuō)，在網(wǎng)頁(yè)底部有一個(gè)向上箭頭，點(diǎn)擊箭頭后回到頂部，這個(gè)就可以利用錨鏈接。
首先我們要?jiǎng)?chuàng)建一個(gè)錨點(diǎn)，也就是說(shuō)，使用name屬性或者id屬性給那個(gè)特定的位置起個(gè)名字。效果如下：
上圖中解釋：
第11行代碼表示，頂部這個(gè)錨的名字叫做name1。 然后在底部設(shè)置超鏈接，點(diǎn)擊時(shí)將回到頂部（此時(shí)，網(wǎng)頁(yè)中的url的末尾也出現(xiàn)了#name1）。注意上圖中紅框部分的#號(hào)不要忘記了，表示跳到名為name1的特定位置，這是規(guī)定。如果少了#號(hào)，點(diǎn)擊之后，就會(huì)跳到name1這個(gè)文件或者name1這個(gè)文件夾中去。
如果我們將上圖中的第28行代碼寫成：
<a href="a.html#name1">回到頂部</a>
那就表示，點(diǎn)擊之后，跳轉(zhuǎn)到a.html頁(yè)面的name1錨點(diǎn)中去。
說(shuō)明：name屬性是HTML4.0以前使用的，id屬性是HTML4.0后才開始使用。為了向前兼容，因此，name和id這兩個(gè)屬性都要寫上，并且值是一樣的。
3、郵件鏈接
代碼舉例：
效果：點(diǎn)擊之后，會(huì)彈出outlook，作用不大。
超鏈接的屬性
- href：目標(biāo)URL
- title：懸停文本。
- name：主要用于設(shè)置一個(gè)錨點(diǎn)的名稱。
- target：告訴瀏覽器用什么方式來(lái)打開目標(biāo)頁(yè)面。target屬性有以下幾個(gè)值：
- _self：在同一個(gè)網(wǎng)頁(yè)中顯示（默認(rèn)值）
- _blank：在新的窗口中打開。
- _parent：在父窗口中顯示
- _top：在頂級(jí)窗口中顯示
title屬性舉例：
<a href="09_img.html" title="很好看哦">結(jié)婚照</a>
效果如下：
target屬性舉例：
<a href="1.html" title="懸停文本" target="_blank">鏈接的內(nèi)容</a>blank就是“空白”的意思，就表示新建一個(gè)空白窗口。為啥有一個(gè)_ ，就是規(guī)定，無(wú)需解釋。 也就是說(shuō)，如果不寫target=”_blank”那么就是在相同的標(biāo)簽頁(yè)打開，如果寫了target=”_blank”，就是在新的空白標(biāo)簽頁(yè)中打開。
備注1：分清楚img和a標(biāo)簽的各自的屬性
區(qū)別如下：
備注2：a是一個(gè)文本級(jí)的標(biāo)簽
比如一個(gè)段落中的所有文字都能夠被點(diǎn)擊，那么應(yīng)該是p包裹a：
a的語(yǔ)義要小于p，a就是可以當(dāng)做文本來(lái)處理，所以p里面相當(dāng)于放的就是純文字。
總結(jié)
以上是生活随笔為你收集整理的a标签去下划线或文字添加下修饰_HTML标签：字体标签和超链接的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： fb 4.7英文版 显示行数
- 下一篇： JsRender 前端渲染模板常用API