例
對(duì)文檔中的文本進(jìn)行格式化:
<code>一段電腦代碼</code>
瀏覽器支持
所有主流瀏覽器都支持 <code> 標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<code> 標(biāo)簽是一個(gè)短語(yǔ)標(biāo)簽,用來(lái)定義計(jì)算機(jī)代碼文本。
提示:我們并不反對(duì)使用這個(gè)標(biāo)簽,但是如果您只是為了達(dá)到某種視覺(jué)效果而使用這個(gè)標(biāo)簽的話(huà),我們建議您使用 CSS ,這樣可能會(huì)取得更豐富的效果。
所有短語(yǔ)標(biāo)簽:
標(biāo)簽 | 描述 |
---|---|
<em> | 呈現(xiàn)為被強(qiáng)調(diào)的文本。 |
<strong> | 定義重要的文本。 |
<dfn> | 定義一個(gè)定義項(xiàng)目。 |
<code> | 定義計(jì)算機(jī)代碼文本。 |
<samp> | 定義樣本文本。 |
<kbd> | 定義鍵盤(pán)文本。它表示文本是從鍵盤(pán)上鍵入的。它經(jīng)常用在與計(jì)算機(jī)相關(guān)的文檔或手冊(cè)中。 |
<var> | 定義變量。您可以將此標(biāo)簽與 <pre> 及 <code> 標(biāo)簽配合使用。 |
HTML 4.01 與 HTML5之間的差異
無(wú)。
全局屬性
<code> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<code> 標(biāo)簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
TML標(biāo)簽
基本標(biāo)簽
HTML頁(yè)面中內(nèi)容是由HTML標(biāo)簽組織起來(lái)的,如頁(yè)面中的文本、圖像、Flash視頻文件等都是通過(guò)HTML標(biāo)簽合理地顯示在頁(yè)面的各個(gè)位置。
1 標(biāo)題標(biāo)簽<h1>~<h6>
標(biāo)題標(biāo)簽表示一段文字的標(biāo)題(主題),并且支持多層次的內(nèi)容結(jié)構(gòu)。HTNL.共提供了6級(jí)標(biāo)題,分別為<h1>~<h6>,并賦予了標(biāo)題一定的外觀,所有標(biāo)題字體加粗,其中山<h1>字號(hào)最大,<h6>字號(hào)最小.
2.圖像標(biāo)簽<img>
在網(wǎng)頁(yè)中常用的圖像格式有4種,即JPG、GIF、BMP.PNG,其中使用比較多的是JPG、GIF和PNG,大多數(shù)瀏覽器都可以顯示這些圖像。
顯示圖像的語(yǔ)法:
< img src="ur1" alt="文本" width="x" height="y"/>
在語(yǔ)法中:
a、SrC屬性:表示顯示圖像的地址。
b、alt屬性:指定圖像的替代文本,當(dāng)圖像無(wú)法顯示時(shí)(如圖片路徑錯(cuò)誤或網(wǎng)速太慢等)替代顯示的文本,這樣,即使圖像無(wú)法顯示,用戶(hù)還可以看到網(wǎng)頁(yè)丟失的信息,所以為頁(yè)面上的圖像都加上替換文本屬性是個(gè)好習(xí)慣,這樣有助于更好地顯示信息,并且對(duì)于那些使用純文本瀏覽器的人來(lái)說(shuō)是非常有幫助的。
c、width屬性:表示圖像寬度.
d、height屬性:表示圖像高度。
3.段落標(biāo)簽<p>
顧名思義,段落標(biāo)簽表示將一段文字組成一系列段落內(nèi)容,這樣做的目的是內(nèi)容應(yīng)用某些格式和布局,使各個(gè)段落的邏輯更清晰明了。在HTML文檔中,段落通過(guò)<p>標(biāo)簽定義。段落標(biāo)簽<p>表示段落的開(kāi)始,</p >表示段落的結(jié)束。
4.換行標(biāo)簽<br/>
在希望不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行,則使用<br>標(biāo)簽。<br>是一個(gè)空的HTML標(biāo)簽,由于關(guān)閉標(biāo)簽沒(méi)有任何意義,因此它沒(méi)有結(jié)束標(biāo)簽。
注意:
使用<b>和<br>的結(jié)果一樣,在XHTML以及未來(lái)的HTML版本中,根據(jù)W3C規(guī)范,不允許使用沒(méi)有結(jié)束標(biāo)簽的HTML元素,因此使用<br>頁(yè)面更規(guī)范,有更長(zhǎng)遠(yuǎn)的保障。
5.水平線(xiàn)標(biāo)簽<hr/>
水平線(xiàn)標(biāo)簽表示一條水平線(xiàn),注意該標(biāo)簽與<br>標(biāo)簽一樣,沒(méi)有結(jié)束標(biāo)簽,直接使用<hr/>表示標(biāo)簽的開(kāi)始和結(jié)束。
使用以上講解的基本標(biāo)簽,就可以進(jìn)行網(wǎng)頁(yè)內(nèi)容排版了。
覽器支持
所有主流瀏覽器都支持 <a> 標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<a> 標(biāo)簽定義超鏈接,用于從一個(gè)頁(yè)面鏈接到另一個(gè)頁(yè)面。
<a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標(biāo)。
在所有瀏覽器中,鏈接的默認(rèn)外觀如下:
未被訪(fǎng)問(wèn)的鏈接帶有下劃線(xiàn)而且是藍(lán)色的
已被訪(fǎng)問(wèn)的鏈接帶有下劃線(xiàn)而且是紫色的
活動(dòng)鏈接帶有下劃線(xiàn)而且是紅色的
提示和注釋
提示:如果沒(méi)有使用 href 屬性,則不能使用 hreflang、media、rel、target 以及 type 屬性。
提示:通常在當(dāng)前瀏覽器窗口中顯示被鏈接頁(yè)面,除非規(guī)定了其他 target。
提示:請(qǐng)使用 CSS 來(lái)改變鏈接的樣式。
HTML 4.01 與 HTML5之間的差異
在 HTML 4.01 中,<a> 標(biāo)簽既可以是超鏈接,也可以是錨。在 HTML5 中,<a> 標(biāo)簽是超鏈接,但是假如沒(méi)有 href 屬性,它僅僅是超鏈接的一個(gè)占位符。
HTML5 有一些新的屬性,同時(shí)不再支持一些 HTML 4.01 的屬性。
屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持。規(guī)定目標(biāo) URL 的字符編碼。 |
coords | coordinates | HTML5 不支持。規(guī)定鏈接的坐標(biāo)。 |
downloadNew | filename | 指定下載鏈接 |
href | URL | 規(guī)定鏈接的目標(biāo) URL。 |
hreflang | language_code | 規(guī)定目標(biāo) URL 的基準(zhǔn)語(yǔ)言。僅在 href 屬性存在時(shí)使用。 |
mediaNew | media_query | 規(guī)定目標(biāo) URL 的媒介類(lèi)型。默認(rèn)值:all。僅在 href 屬性存在時(shí)使用。 |
name | section_name | HTML5 不支持。規(guī)定錨的名稱(chēng)。 |
rel | alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag | 規(guī)定當(dāng)前文檔與目標(biāo) URL 之間的關(guān)系。僅在 href 屬性存在時(shí)使用。 |
rev | text | HTML5 不支持。規(guī)定目標(biāo) URL 與當(dāng)前文檔之間的關(guān)系。 |
shape | defaultrectcirclepoly | HTML5 不支持。規(guī)定鏈接的形狀。 |
target | _blank_parent_self_topframename | 規(guī)定在何處打開(kāi)目標(biāo) URL。僅在 href 屬性存在時(shí)使用。 |
typeNew | MIME_type | 規(guī)定目標(biāo) URL 的 MIME 類(lèi)型。僅在 href 屬性存在時(shí)使用。注:MIME = Multipurpose Internet Mail Extensions。 |
全局屬性
<a> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<a> 標(biāo)簽支持 HTML 的事件屬性。
創(chuàng)建超級(jí)鏈接
本例演示如何在 HTML 文檔中創(chuàng)建鏈接。
將圖像作為鏈接
本例演示如何使用圖像作為鏈接。
在新的瀏覽器窗口打開(kāi)鏈接
本例演示如何在新窗口打開(kāi)一個(gè)頁(yè)面,這樣的話(huà)訪(fǎng)問(wèn)者就無(wú)需離開(kāi)您的站點(diǎn)了。
創(chuàng)建電子郵件鏈接
本例演示如何鏈接到一個(gè)郵件。(本例在安裝郵件客戶(hù)端程序后才能工作。)
創(chuàng)建電子郵件鏈接 2
本例演示更加復(fù)雜的郵件鏈接。
使用錨跳轉(zhuǎn)到同一個(gè)頁(yè)面的不同位置
本例演示如何使用錨的 id 屬性跳轉(zhuǎn)到頁(yè)面的不同位置( HTML5 不支持 name 屬性)
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。