哦吼來(lái)啦

下載HBuilder更方便

https://www.dcloud.io/hbuilderx.html

常用文本標(biāo)簽

首先創(chuàng)建好一個(gè)文件，如下所示

這就是網(wǎng)頁(yè)的基本結(jié)構(gòu)了，然后來(lái)在里面加上點(diǎn)內(nèi)容，這里先加靜夜思為例了

但這樣預(yù)覽的話所有文字都堆疊到了一起，沒(méi)有預(yù)想中的效果，所以這個(gè)時(shí)候就需要<br/>來(lái)?yè)Q行

像這樣去寫，在每行后面都換一行，但好像還差了點(diǎn)意思，希望讓標(biāo)題加粗顯示出來(lái)，這個(gè)時(shí)候就用到了h標(biāo)簽

這樣去寫，就可以起到把靜夜思這三個(gè)字加粗當(dāng)作標(biāo)題的效果，另外使用h1標(biāo)簽?zāi)J(rèn)有換行效果，所以不用額外寫br標(biāo)簽，除此之外還有h2，h3等等開頭的標(biāo)簽，分別代表熬了不同層級(jí)的標(biāo)題。需要注意，h標(biāo)簽不僅僅是加粗和變大顯示文字，而是把它作為了一個(gè)標(biāo)題

然后，雖然題目變大變粗了，但不居中很難受，所以繼續(xù)來(lái)改改

在h標(biāo)簽里新加一個(gè)align屬性，然后屬性值寫center，這樣標(biāo)題就是居中對(duì)齊了，不管瀏覽器頁(yè)面寬度怎么變都是居中的

那么剩下的部分，可以用p標(biāo)簽來(lái)完成居中效果

寫法跟h標(biāo)簽一樣，也是新加一個(gè)align屬性，然后屬性值寫center，但還是沒(méi)有那個(gè)預(yù)期的感覺(jué)，還差了點(diǎn)，為什么正文每行都隔了一段間隙，讓咱把那段空隙去掉，來(lái)試試改一改

這樣再預(yù)覽就好很多了,用p標(biāo)簽把正文括起來(lái),然后把它居中

除此之外,pre標(biāo)簽也可以做到

試著預(yù)覽一下,會(huì)發(fā)現(xiàn)去掉br標(biāo)簽以后依然能保持換行,這是因?yàn)閜re標(biāo)簽?zāi)鼙Ａ粑谋颈旧淼目崭窈蛽Q行,并變?yōu)榈葘捵煮w

如果想要單純加粗一段文字,可以使用b標(biāo)簽,我覺(jué)得steam上寫評(píng)論的應(yīng)該都了解

把李白這兩個(gè)字加粗了,著重強(qiáng)調(diào)一下詩(shī)人名字哈.除此以外還有斜體效果的i標(biāo)簽,下劃線效果的u標(biāo)簽,用法跟b標(biāo)簽一樣

另外呢,如果要添加上下角標(biāo),比如像X1加Y的平方這樣,總不能直接寫成X1+Y2吧,這就用到了sub和sup,其中sub代表了下角標(biāo),sup代表了上角標(biāo),那來(lái)寫寫試一下

用sub把1括起來(lái),sup把2括起來(lái),就得到了想要的效果

OK,學(xué)完,玩游戲