全棧攻城獅-每日更新原創(chuàng)IT編程技術(shù)及日常實用視頻。

主要內(nèi)容：這是HTML課程的第四課，主要講解HTML的文字標(biāo)簽和格式標(biāo)簽。在今天我們做一個屬于自己的簡歷。

上節(jié)回顧

在上一節(jié)中主要講解了HTML的標(biāo)題標(biāo)簽（h1~h7）以及加粗、斜體、下劃線、上下標(biāo)等格式的標(biāo)簽。上節(jié)請戳→HTML電腦編程03 標(biāo)題物理字體標(biāo)簽的使用，大學(xué)生學(xué)編程

HTML

font標(biāo)簽

font標(biāo)簽通過字面意思來看，就是字體的意思。是的這是一個用來顯示文字的標(biāo)簽。不過值得說的是，這個文字可以通過屬性的方式，指定顏色和字體大小。比如：

font標(biāo)簽的寫法

效果：

font標(biāo)簽的顯示效果

從書寫的HTML代碼可以看出，font標(biāo)簽包括兩個參數(shù)：

1. color（字體的顏色）：顏色的值可以為英文，也可以為RGB數(shù)值。
   

2. size（字體的大小）：通過數(shù)字1~7可以控制字體的大小。

3. face（文字的顯示字體）：這個屬性可以設(shè)置顯示的字體。如可以寫為：face="楷體"

顏色體系

在HTML中包括兩種顏色體系。一種就是直接寫顏色的英文，如：red（紅色）、blue（藍(lán)色）、green（綠色）等。

不同顏色

另外一種顏色體系是RGB。由R（Red）、G（Green）、B（Blue）三種顏色組成。相信小時候很多人都知道兩種不同的顏料，可以轉(zhuǎn)換為不同的顏色。RGB就是通過紅綠藍(lán)不同的明暗程度。來表示所有的顏色的。

RGB

RGB中的每一個顏色都是以六位十六進(jìn)制進(jìn)行表示。數(shù)值越大顏色越深。如：000000表示黑色。FFFFFF表示白色。RGB的表示形式一般前面增加#號。

段落標(biāo)簽

段落標(biāo)簽為p。會為里面的文字自動分段顯示：

p標(biāo)簽自動分段

換行標(biāo)簽

換行標(biāo)簽為br，這是個單標(biāo)簽。寫法為：<br/>。

br標(biāo)簽的形式

效果：

換行標(biāo)簽的效果

默認(rèn)情況下，HTML的文檔排列形式為自上而下，自左而右。標(biāo)簽包括行級標(biāo)簽和塊級標(biāo)簽。如果想要對塊級標(biāo)簽進(jìn)行換行，你就需要使用br標(biāo)簽。

其他幾個標(biāo)簽

下面是幾個標(biāo)簽，大家直接Sublime中寫入看一下效果哦。在以后就直接使用啦

居中預(yù)格式化標(biāo)簽

通常我們在寫input時，它的背景文字框都是灰色的，樣式很單一，其實它可以做的更好看的，在CSS3中就專門提供了一屬性placeholder來實現(xiàn)輸入框的美化。接下來，就為大家展示下：

HTML：

CSS：

效果：

對于input輸入框的背景提示信息(placeholder)的美化雖然只是對網(wǎng)站應(yīng)用的小小點(diǎn)綴，但正是這樣細(xì)節(jié)上的小差別將你的網(wǎng)站和別人的網(wǎng)站區(qū)別開來。IE10也支持了placeholder屬性哦！

切版 qieban(.cn)