如何在HTML文檔中讓特定文字變紅色
在編寫HTML文檔時(shí),為了設(shè)計(jì)圖文并茂的超文本,并且添加一些修飾和美化效果,經(jīng)常會(huì)有一些特殊要求。比如,有些文字要求居中顯示,有些要求某個(gè)字體顏色變化,有些則要求普通自適應(yīng)即可。針對(duì)不同的要求,可以通
在編寫HTML文檔時(shí),為了設(shè)計(jì)圖文并茂的超文本,并且添加一些修飾和美化效果,經(jīng)常會(huì)有一些特殊要求。比如,有些文字要求居中顯示,有些要求某個(gè)字體顏色變化,有些則要求普通自適應(yīng)即可。針對(duì)不同的要求,可以通過運(yùn)用相關(guān)知識(shí)點(diǎn)來解決。
1. 導(dǎo)入編輯器并設(shè)置基本結(jié)構(gòu)
首先,我們需要導(dǎo)入一個(gè)編輯器,一般使用記事本來編寫HTML文檔。編寫好基本的HTML結(jié)構(gòu)后,在lt;bodygt;標(biāo)簽內(nèi)添加要展示的文字內(nèi)容,比如我們可以引用一首唐詩:“千山鳥飛絕,萬徑人蹤滅。孤舟蓑笠翁,獨(dú)釣寒江雪?!?/p>
保存文件為HTML文檔,并用瀏覽器打開,可以看到默認(rèn)的效果。
2. 設(shè)置特定的樣式
如果我們想要改變這個(gè)內(nèi)容塊的樣式,比如將其寬度設(shè)為200像素,高度設(shè)為500像素,背景色設(shè)為黃色,可以在lt;headgt;標(biāo)簽中加入CSS代碼:
lt;stylegt;
#foot {
width: 200px;
height: 500px;
background: yellow;
}
lt;/stylegt;
保存并刷新瀏覽器,可以看到內(nèi)容塊的樣式已經(jīng)改變了。
3. 讓特定文字變紅色
如果有更特殊的要求,比如只想讓“江雪”這兩個(gè)字變成紅色,而其他文字保持原樣,可以使用lt;spangt;標(biāo)簽和CSS樣式來實(shí)現(xiàn)。在“江雪”前面加入lt;span style"color:red"gt;標(biāo)簽,并在后面加入lt;/spangt;結(jié)束標(biāo)簽。
江雪前的文字lt;span style"color:red"gt;江雪lt;/spangt;后的文字
保存并刷新瀏覽器,可以看到“江雪”這兩個(gè)字已經(jīng)變成了紅色。