HTML5基礎(chǔ)——文字常用標(biāo)簽(上)

一病苗、微文概覽

  1. 標(biāo)題
  2. 字體與字號(hào)
  3. 顏色

二、詳細(xì)介紹

  • 1. 標(biāo)題

我們?cè)贖TML文件中寫(xiě)一篇文字時(shí)症汹,總會(huì)希望將標(biāo)題的文字設(shè)置的大一些硫朦,黑一些,粗一些背镇,那么怎樣在HTML中設(shè)置標(biāo)題呢阵幸?
在HTML中,標(biāo)題文字共計(jì)6種芽世,每個(gè)標(biāo)題逐級(jí)依次變小挚赊。
語(yǔ)法:

1級(jí)標(biāo)題:<h1>...</h1>
2級(jí)標(biāo)題:<h2>...</h2>
...
6級(jí)標(biāo)題:<h6>...</h6>

案例代碼:

<html>
    <head>
        <title>文字的標(biāo)題</title>
    </head>
    <body>
        <h1>微學(xué)派</h1>
        <h2>微學(xué)派</h2>
        <h3>微學(xué)派</h3>
        <h4>微學(xué)派</h4>
        <h5>微學(xué)派</h5>
        <h6>微學(xué)派</h6>
    </body>
</html>

運(yùn)行效果:


文字的標(biāo)題.png
  • 2. 字體與字號(hào)

在介紹完標(biāo)題后,我們還要處理正文的文字济瓢,
2.1 設(shè)置字體——face
語(yǔ)法:

<font face="宋體">文字</font>

其中荠割,font為設(shè)置文字的標(biāo)簽,face為該標(biāo)簽的屬性旺矾,表示文字的字體蔑鹦,<font></font>之間的文字,就是應(yīng)用字體的文字箕宙。
案例代碼:

<html>
    <head>
        <title>文字的字體</title>
    </head>
    <body>
        <font face="宋體">微學(xué)派</font>
        <font face="黑體">微學(xué)派</font>
        <font face="隸書(shū)">微學(xué)派</font>
    </body>
</html>

運(yùn)行效果:


文字的字體.png

2.2 文字的字號(hào)
我們?cè)谠O(shè)置完文字的字體后嚎朽,還需要給文字設(shè)置大小,設(shè)置字號(hào)的范圍是1~7柬帕。
語(yǔ)法:

<font size="文字字號(hào)">文字</font>

案例代碼:

<html>
    <head>
        <title>文字的字號(hào)</title>
    </head>
    <body>
        <font face="宋體" size="1">1號(hào)字體</font><br/>
        <font face="宋體" size="2">2號(hào)字體</font><br/>
        <font face="宋體" size="3">3號(hào)字體</font><br/>
        <font face="宋體" size="4">4號(hào)字體</font><br/>
        <font face="宋體" size="5">5號(hào)字體</font><br/>
        <font face="宋體" size="6">6號(hào)字體</font><br/>
        <font face="宋體" size="7">7號(hào)字體</font><br/>
    </body>
</html>

說(shuō)明:
為換行標(biāo)簽哟忍,加入該標(biāo)簽相當(dāng)于在文字內(nèi)容后添加了一個(gè)回車(chē)。
運(yùn)行效果:

文字的字號(hào).png

  • 3. 顏色

我們?cè)谠O(shè)置好文字的字號(hào)后陷寝,發(fā)現(xiàn)文字總是黑色的锅很,有時(shí),我們?yōu)榱隧?yè)面好看凤跑,需要將文字設(shè)置成別的顏色爆安,設(shè)置文字的顏色的標(biāo)簽屬性為color。
語(yǔ)法:

<font color="顏色代碼"></font>

說(shuō)明:顏色代碼的格式使用的是16進(jìn)制(關(guān)于什么是16進(jìn)制仔引,請(qǐng)到度娘上搜索)扔仓,比如:#0088FF。
案例代碼:

<html>
    <head>
        <title>文字的顏色</title>
    </head>
    <body>
        <font face="宋體" size="5" color="#0088FF">5號(hào)字體</font><br/>
        <font face="宋體" size="5" color="#FF0088">5號(hào)字體</font><br/>
        <font face="宋體" size="5" color="#88FF00">5號(hào)字體</font><br/>
    </body>
</html>

運(yùn)行效果:


文字的顏色.png

以上是關(guān)于文字的一些常用格式咖耘,下篇文章將為大家介紹文字的粗體與斜體翘簇、下劃線與刪除線以及等寬文字標(biāo)記。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末鲤看,一起剝皮案震驚了整個(gè)濱河市缘揪,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖找筝,帶你破解...
    沈念sama閱讀 206,126評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蹈垢,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡袖裕,警方通過(guò)查閱死者的電腦和手機(jī)曹抬,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)急鳄,“玉大人谤民,你說(shuō)我怎么就攤上這事〖埠辏” “怎么了张足?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,445評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)坎藐。 經(jīng)常有香客問(wèn)我为牍,道長(zhǎng),這世上最難降的妖魔是什么岩馍? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,185評(píng)論 1 278
  • 正文 為了忘掉前任碉咆,我火速辦了婚禮,結(jié)果婚禮上蛀恩,老公的妹妹穿的比我還像新娘疫铜。我一直安慰自己,他們只是感情好双谆,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布壳咕。 她就那樣靜靜地躺著,像睡著了一般佃乘。 火紅的嫁衣襯著肌膚如雪囱井。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 48,970評(píng)論 1 284
  • 那天趣避,我揣著相機(jī)與錄音,去河邊找鬼新翎。 笑死程帕,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的地啰。 我是一名探鬼主播愁拭,決...
    沈念sama閱讀 38,276評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼亏吝!你這毒婦竟也來(lái)了岭埠?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 36,927評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎惜论,沒(méi)想到半個(gè)月后许赃,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡馆类,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2 323
  • 正文 我和宋清朗相戀三年混聊,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片乾巧。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡句喜,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出沟于,到底是詐尸還是另有隱情咳胃,我是刑警寧澤,帶...
    沈念sama閱讀 33,646評(píng)論 4 322
  • 正文 年R本政府宣布旷太,位于F島的核電站展懈,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏泳秀。R本人自食惡果不足惜标沪,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望嗜傅。 院中可真熱鬧金句,春花似錦、人聲如沸吕嘀。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,204評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)偶房。三九已至趁曼,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間棕洋,已是汗流浹背挡闰。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,423評(píng)論 1 260
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留掰盘,地道東北人摄悯。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2 352
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像愧捕,于是被迫代替她去往敵國(guó)和親奢驯。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 1 UI設(shè)計(jì)基礎(chǔ) 1.1 為iOS而設(shè)計(jì) 1.1.1 iOS包含以下3條設(shè)計(jì)原則: 遵從次绘,UI應(yīng)該有助于人們理解內(nèi)...
    Willry閱讀 3,554評(píng)論 1 48
  • 本文主要是起筆記的作用瘪阁,內(nèi)容來(lái)自慕課網(wǎng). 認(rèn)識(shí)CSS樣式 CSS全稱(chēng)為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,620評(píng)論 0 30
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識(shí)選擇器(重要H銮病!9芏濉)繼承义黎、特殊性、層疊伙菜、重要性CSS格式化排版單位和值盒模型浮動(dòng)...
    廖少少閱讀 3,057評(píng)論 0 40
  • 一轩缤、Html和CSS的關(guān)系 學(xué)習(xí)web前端開(kāi)發(fā)基礎(chǔ)技術(shù)需要掌握:HTML、CSS贩绕、JavaScript語(yǔ)言火的。下面我...
    空指針的空閱讀 967評(píng)論 0 2
  • 玉螺空淚痕。北斗星魁淑倾,照鬢霜霑馏鹤。大雁南飛,繞山紅梅吐艷娇哆。江淮三九柳斜湃累,豕犬凍、渚沙楚天碍讨。南棲雁治力。檐下銜草,舐?tīng)僦?..
    車(chē)前菊草閱讀 116評(píng)論 1 1