- Web前端開(kāi)發(fā)實(shí)戰(zhàn)教程(HTML5+CSS3+JavaScript)(微課版)
- 蝸牛學(xué)院 鄧強(qiáng)主編
- 6字
- 2020-11-02 09:37:27
1.3 HTML常用標(biāo)簽
1.3.1 文本

V1-8 文本標(biāo)記
上節(jié)實(shí)例中,雖然瀏覽器顯示了一段文本,但是這段文本看上去非常平淡,沒(méi)有任何美觀可言。本節(jié)內(nèi)容將美化這段文本,同時(shí)介紹HTML中最常見(jiàn)的文本處理標(biāo)簽和屬性。
以如下代碼為例。

上述代碼中的標(biāo)簽及屬性簡(jiǎn)單的說(shuō)明如下。
(1)<font>,表示格式化文本內(nèi)容的字體大小、顏色和字體名稱。其中,size屬性表示字體大小,默認(rèn)頁(yè)面顯示的字體大小為3,此處將其設(shè)為5,可以明顯看得出來(lái)字體會(huì)變得更大。face表示字體名稱,只要是操作系統(tǒng)里面存在的字體,都可以使用。color表示顏色,顏色可以有兩種表示方式,一種是使用表示顏色的英文單詞,另一種是直接使用#后面跟6位16進(jìn)制的數(shù)來(lái)更加精確地表示RGB的混合比例。RGB即Red、Green、Blue三原色,根據(jù)三者的不同比例可以混合出不同的顏色。
(2)<h1>~<h6>,表示文本內(nèi)容標(biāo)題,依次從大到小。
(3)<i>表示斜體,<b>和<strong>表示粗體,<p>表示包含一個(gè)段落,會(huì)自動(dòng)換行。
(4)有的標(biāo)簽后面使用了<br/>這個(gè)標(biāo)簽,這個(gè)標(biāo)簽是一個(gè)特殊標(biāo)簽,表示讓瀏覽器顯示內(nèi)容時(shí)強(qiáng)制換行。雖然在開(kāi)發(fā)HTML源文件時(shí)是換行的,但是由于HTML頁(yè)面的內(nèi)容全部必須使用標(biāo)記來(lái)處理,會(huì)忽略編輯器里面的換行符,所以換行符也得使用標(biāo)簽。
經(jīng)過(guò)上述設(shè)置后再用瀏覽器打開(kāi)網(wǎng)頁(yè),就可以看到各種格式的文本內(nèi)容,如圖1-14所示。
文本是構(gòu)成網(wǎng)頁(yè)的四大核心元素之一,網(wǎng)頁(yè)設(shè)計(jì)中很多標(biāo)簽都是為了修飾文本而設(shè)置的。不過(guò)在HTML5的標(biāo)準(zhǔn)中已經(jīng)不再建議使用<font>標(biāo)簽,而是用CSS樣式表來(lái)取代。
- HTML5+CSS3+JavaScript從入門到精通:上冊(cè)(微課精編版·第2版)
- 計(jì)算機(jī)網(wǎng)絡(luò)
- Practical UX Design
- Arduino by Example
- x86匯編語(yǔ)言:從實(shí)模式到保護(hù)模式(第2版)
- Swift 3 New Features
- Object-Oriented JavaScript(Second Edition)
- Windows Forensics Cookbook
- 組態(tài)軟件技術(shù)與應(yīng)用
- 21天學(xué)通C++(第5版)
- Mastering Apache Storm
- 從零開(kāi)始學(xué)Android開(kāi)發(fā)
- Java Web從入門到精通(第2版)
- Android Sensor Programming By Example
- Java從入門到精通(視頻實(shí)戰(zhàn)版)