HTML基础第三讲---字体
轉(zhuǎn)自:https://i.cnblogs.com/posts?categoryid=1121494
同樣我們?cè)谶@里繼續(xù)講一下它的body,因?yàn)樗苤庇^的讓大家觀察到你所學(xué)到的成果。?
??這一講,我們來(lái)學(xué)習(xí)字體及其屬性,然后大家在學(xué)習(xí)完后制作一下,看看它的每一個(gè)屬性所表現(xiàn)的效果。
??字體,英文font,這html語(yǔ)言中也是它---font,下面咱們來(lái)研究一下font:
??
??1、標(biāo)題字體<h#> 文字 </h#>??# =1,2,3,4,5,6
??比如:<h1>今天天氣真好!</h1>?
??注意:這些一般的用在標(biāo)題上,所以起名叫標(biāo)題字體;<h#> ...</h#> 這些標(biāo)記顯示黑體字;這些標(biāo)記自動(dòng)插入一個(gè)空行,不必用 <p> 標(biāo)記再加空行,因此在一行中無(wú)法使用不同大小的字體。?
??2、字體的大小,用于一般文字。
??<font size=#> 文字</font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#
??<basefont size=#> #=1, 2, 3, 4, 5, 6, 7
??例子:<font size=7>今天天氣真好!</font>
??3、邏輯字體(Logical Style)
??下劃線(xiàn):<u>文字</u>,代碼:<code>文字</code>,刪除線(xiàn):<strike>文字</strike>,閃爍:<blink>文字</blink>,增強(qiáng):<strong>文字</strong>,強(qiáng)調(diào):<em>文字</em>,示例:<samp>文字</samp>,還有老多,一般的這些了解一下就可以。
? ?
??4、字體的標(biāo)志,很常用的。粗體:<b>文字</b>,斜體:<i>文字</i>
??5、字體顏色?
??指定顏色 <font color=#> 文字 </font> # =#rrggbb 16 進(jìn)制數(shù)碼,或者是下列預(yù)定義色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,Fuchsia, White, Green, Purple, Silver, Yellow, Aqua?
??對(duì)于16 進(jìn)制編碼的顏色,我們可以這樣理解rrggbb六個(gè)字符:前兩個(gè)表示紅色,中間的兩個(gè)表示綠色,后兩個(gè)表示藍(lán)色;那么,紅色(red)ff0000,同樣綠色(green)00ff00,藍(lán)色0000ff;其它的顏色就是這幾個(gè)字符(0-9,a-f)的組合。
??比如:<font color=red> 文字 </font> 紅色文字
? ?? ???<font color=#ff0000> 文字 </font> 紅色文字
??大家看看<font color=#rrggbb> 文字 </font>是什么顏色的文字
??6、客戶(hù)端字體(Font Face)
??<font face=#, #, ..., #> ... </font> #=客戶(hù)端可獲得的字體,什么是客戶(hù)端,通俗的講,就是你的電腦,face=#就是從你的電腦獲得的字體,大家可以點(diǎn)擊
客戶(hù)端字體(Font Face)示例。
??7、字符實(shí)體(Entities),字符實(shí)體一般用在把html里的符號(hào)顯示在頁(yè)面上比如<、&等,如果你單獨(dú)的打上<,頁(yè)面也可以顯示,但如果你想顯示<b>這幾個(gè)字符,怎么辦呢?就是它啦。
??&#; #=字符實(shí)體名稱(chēng) 或者 ascii 值
??&? ?? ?? ???&
??<? ?? ?? ?? ?<
??>? ?? ?? ?? ?>
? ?? ?? ?? ?
??這些只是一小部分,那么要顯示<b>就要寫(xiě)成<b>了。
??以上學(xué)到的我們可以綜合使用:比如<font size=2 color=#ff0000><i><b>文字</b></i></font>
注意寫(xiě)的時(shí)候要前后一致前面<b>后邊對(duì)應(yīng)的也應(yīng)該</b>
??好了,關(guān)于字體就講完了!
轉(zhuǎn)載于:https://www.cnblogs.com/sharpest/p/7902986.html
《新程序員》:云原生和全面數(shù)字化實(shí)踐50位技術(shù)專(zhuān)家共同創(chuàng)作,文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的HTML基础第三讲---字体的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 国内元老级病毒研究论坛发文号召会员抵制瑞
- 下一篇: 让互联网拥抱移动VR,三星将发布新版VR