如何在HTML中更改字型顏色
- IT科技
- 關注:4.23K次
目錄
方法1:使用CSS1、選擇文字顏色。2、開啟HTML文件。3、找到要更改顏色的文字。4、注意文字的標記。5、在文件的頂部加上"head"和"style"部分。6、輸入"color"樣式標記。7、複查文件。8、統一正文的顏色。方法2:使用HTML標記1、選擇文字顏色。2、開啟HTML文件。3、找到要更改顏色的文字。4、新增"font"起始標記。5、新增"font"結束標記。這篇文章介紹如何在HTML檔案中更改顏色。HTML5已不再使用HTML字型標記,你可以使用CSS來更改HTML頁面文字的顏色。如果你正在使用舊版HTML,那就還是可根據需要使用HTML字型顏色標記。方法1:使用CSS
1、選擇文字顏色。你可以使用紅色等基礎顏色來顯示文字,但如果需要更細緻的色調,就要用到HTML顏色生成器:在電腦瀏覽器中,前往 https://www.w3schools.com/colors/colors_picker.asp 。
在頁面頂部的六角形色盤中選擇一種基礎顏色。
在頁面右側滾動至要使用的色調。
留意色調右側的6位數編號。
2、開啟HTML文件。開啟要更改字型顏色的文件。如果沒有HTML文件,先建立一個,然後繼續下一步。
3、找到要更改顏色的文字。在文件中滾動,找到要更改顏色的段落、標題或其他形式的文字。
4、注意文字的標記。例如,如果是標題,你會在起始位置看到"<h1>"。
5、在文件的頂部加上"head"和"style"部分。在"<html>"標記下輸入<head>,按? Enter,在"<head>"標記下輸入<style>,按兩次? Enter,然後輸入兩者的結束標記。結果應如下所示:
<!DOCTYPE html><html><head><style></style></head><body>
6、輸入"color"樣式標記。單擊"<style></style>"標記中間的空格,然後輸入以下程式碼,注意要將"red"替換為自己選擇的顏色程式碼,將"<h1>"替換為要更改顏色的文字標記:
<h1> { color: red;}
7、複查文件。頁面標題應如下所示:
<!DOCTYPE html><html><head><style><h1> { color: red;}</style></head><body>
8、統一正文的顏色。如果要把文件的正文更改為同一種顏色,那就輸入以下程式碼,並把"black"替換為想要的顏色:
body { color: black;}
方法2:使用HTML標記
1、選擇文字顏色。你可以使用紅色等基礎顏色來顯示文字,但如果需要更細緻的色調,就要用到HTML顏色生成器:在電腦瀏覽器中,前往 https://www.w3schools.com/colors/colors_picker.asp 。
在頁面頂部的六角形色盤中選擇基礎顏色。
在頁面右側滾動至要使用的色調。
留意色調右側的6位數編號。
2、開啟HTML文件。開啟要更改字型顏色的文件。如果沒有HTML文件,先建立一個,然後繼續下一步。
3、找到要更改顏色的文字。滾動文件,直到找到要更改顏色的段落、標題或其他形式的文字。
4、新增"font"起始標記。單擊要更改顏色的文字左側,然後輸入以下程式碼,注意要將"red"改成想要的顏色:
<font color="red">
5、新增"font"結束標記。單擊要更改顏色的文字末尾,然後輸入</font>。
<font color="red">This text is red!</font>
小提示
HTML顏色程式碼分為以下幾個部分:前兩個字元代表紅色的色度,中間兩個字元代表綠色的色度,最後兩個字元代表藍色的色度。可以在“00”到“99”之間選擇每種顏色的含量。如果要最大限度地使用某種顏色,輸入“FF”來代替數字,例如“0000FF”代表純藍。提高頁面的閱讀體驗。如果在白色的背景上使用亮色,或在黑色背景上使用暗色,就會很難看清文字。
型號較老的顯示器只能顯示約65000種顏色,某些更老的型號甚至只能顯示256色,但絕大部分網路使用者都能看到你指定的顏色。
警告XHTML 1.0 Strict DTD不支援字型元素。
- 文章版權屬於文章作者所有,轉載請註明 https://shqsg.com/dianzi/kw2nny.html