以下HTML標記用于格式化網頁上文本的外觀。這可以使網頁變得更加生動,但是,文本格式的太多變化也會使人不快。
head標記有6個級別可用,從h1用于最大和最重要的標題,到h6是最小的標題。
b標記之間的文本以粗體顯示,與周圍的文本相對突出。
i標記以一個小角度顯示文本。
u標記在文本正文添加一條線,請注意,鏈接已經有下劃線,不需要額外的標記。
strike標記在文本的正中間畫一條線,通常用來表示文本是舊的,不再相關,刪除。也可以用<s></s>代替。
pre標記之間的任何文本,包括空格、回車符和標點符號,都將像在文本編輯器中一樣顯示在瀏覽器中(通常瀏覽器會忽略多個空格)
code標記之間的文本以固定寬度字體顯示,通常在顯示源代碼時使用。
tt標記之間的文本就像是用打字機打出了一個固定寬度的文字。
blockquote標記定義一個塊引用,并且在塊的左右添加額外的邊距。
small標記讓你無需設置字體大小,就可以使文本呈現比周圍稍小的外觀。
font標記的color屬性改變幾個字或一段文字的顏色。屬性使用十六進制顏色代碼。
font標記的size屬性改變字體的大小,值范圍從1到7,1是最小,7是最大。
font標記的size屬性還可以相對于其前面的字體大小的作即時更改,此用法將按你指定的數字增減字體大小。例如:<font size="-1">一些文本</font>
font標記的face屬性以指定的字體顯示文本,值為字體名稱,如“Helvetica”、“Arial”或“Courier”。
center標記之間的所有內容都居中。
em標記用于強調文本,文本通常以斜體顯示,可能會根據瀏覽器的不同而有所不同。
strong標記用于著重強調文本,通常以粗體顯示,可能會根據瀏覽器的不同而有所不同。
下面是以上標記的示例:
瀏覽器顯示內容如下所示:
例
使用 <span> 元素對文本中的一部分進行著色:
<p>我的母親有 <span style="color:blue">藍色</span> 的眼睛。</p>
瀏覽器支持
所有主流瀏覽器都支持 <span> 標簽。
標簽定義及使用說明
<span> 用于對文檔中的行內元素進行組合。
<span> 標簽沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化。如果不對 <span> 應用樣式,那么 <span> 元素中的文本與其他文本不會任何視覺上的差異。
<span> 標簽提供了一種將文本的一部分或者文檔的一部分獨立出來的方式。
提示和注釋
提示:被 <span> 元素包含的文本,您可以使用 CSS 對它定義樣式,或者使用 JavaScript 對它進行操作。
HTML 4.01 與 HTML5之間的差異
NONE.
全局屬性
<span> 標簽支持 HTML 的全局屬性。
事件屬性
<span> 標簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
例
帶有兩個輸入字段和相關標記的簡單 HTML 表單:
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"><br>
<input type="submit" value="提交">
</form>
瀏覽器支持
目前大多數瀏覽器支持 <label> 標簽。
標簽定義及使用說明
<label> 標簽為 input 元素定義標注(標記)。
label 元素不會向用戶呈現任何特殊效果。不過,它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本,就會觸發此控件。就是說,當用戶選擇該標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。
<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。
提示和注釋
提示:"for" 屬性可把 label 綁定到另外一個元素。請把 "for" 屬性的值設置為相關元素的 id 屬性的值。
HTML 4.01 與 HTML5之間的差異
"form" 屬性是 HTML5 的新屬性。
屬性
New:HTML5 新屬性。
屬性 | 值 | 描述 |
---|---|---|
for | element_id | 規定 label 與哪個表單元素綁定。 |
formNew | form_id | 規定 label 字段所屬的一個或多個表單。 |
全局屬性
<label> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性
<label> 標簽支持所有 HTML事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。