1驰怎、<br>
在所有瀏覽器中都是有效的滤灯,但使用 <br />
其實(shí)是更長(zhǎng)遠(yuǎn)的保障巍杈。類似的標(biāo)簽也一樣
2忧饭、標(biāo)簽最好用小寫,未來的版本中可能強(qiáng)制用小寫
3筷畦、標(biāo)簽屬性
始終為屬性值加引號(hào)
屬性值應(yīng)該始終被包括在引號(hào)內(nèi)词裤。雙引號(hào)是最常用的刺洒,不過使用單引號(hào)也沒有問題。
在某些個(gè)別的情況下吼砂,比如屬性值本身就含有雙引號(hào)逆航,那么您必須使用單引號(hào),例如:
name='Bill "HelloWorld" Gates'
4渔肩、標(biāo)題
搜索引擎使用標(biāo)題為您的網(wǎng)頁(yè)的結(jié)構(gòu)和內(nèi)容編制索引因俐。
5、水平線
<hr />
標(biāo)簽在 HTML 頁(yè)面中創(chuàng)建水平線周偎。
6抹剩、段落 <p></p>
瀏覽器會(huì)自動(dòng)地在段落的前后添加空行。(<p>
是塊級(jí)元素)
7蓉坎、HTML 輸出
我們無法確定 HTML 被顯示的確切效果澳眷。屏幕的大小,以及對(duì)窗口的調(diào)整都可能導(dǎo)致不同的結(jié)果蛉艾。
對(duì)于 HTML钳踊,您無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果。
當(dāng)顯示頁(yè)面時(shí)勿侯,瀏覽器會(huì)移除源代碼中多余的空格和空行箍土。所有連續(xù)的空格或空行都會(huì)被算作一個(gè)空格。需要注意的是罐监,HTML 代碼中的所有連續(xù)的空行(換行)也被顯示為一個(gè)空格。
8瞒爬、樣式style
style 屬性用于改變 HTML 元素的樣式弓柱。
9、預(yù)格式文本
<p>pre 標(biāo)簽保留了空格和換行侧但,很適合顯示計(jì)算機(jī)代碼:</p>
<pre>
for i = 1 to 10
print i
next i
</pre>
10矢空、HTML 鏈接 - name 屬性
<a name="label">錨(顯示在頁(yè)面上的文本)</a>
a標(biāo)簽的name屬性規(guī)定錨(anchor)的名稱。
當(dāng)使用命名錨(named anchors)時(shí)禀横,我們可以創(chuàng)建直接跳至頁(yè)面中該命名錨(比如頁(yè)面中某個(gè)小節(jié))的鏈接屁药,這樣使用者就無需不停地滾動(dòng)頁(yè)面來尋找他們需要的信息了。
小提示:可以使用 id 屬性來替代 name 屬性柏锄,命名錨同樣有效酿箭。
實(shí)例
首先,我們?cè)?HTML 文檔中對(duì)錨進(jìn)行命名(創(chuàng)建一個(gè)書簽):
<a name="tips">基本的注意事項(xiàng) - 有用的提示</a>
然后趾娃,我們?cè)谕粋€(gè)文檔中創(chuàng)建指向該錨的鏈接:
<a href="#tips">有用的提示</a>
您也可以在其他頁(yè)面中創(chuàng)建指向該錨的鏈接:
<a >有用的提示</a>
在上面的代碼中缭嫡,我們將 # 符號(hào)和錨名稱添加到 URL 的末端,就可以直接鏈接到 tips 這個(gè)命名錨了抬闷。
具體效果:https://www.w3school.com.cn/html/html_links.asp#tips