在html中設(shè)置表格中字體的顏色用css的style實(shí)現(xiàn),下面用一個(gè)html5文檔具體演示一下:
1、新建一個(gè)html文檔,在html中加入table。
2、在table中加入style屬性,通過給color設(shè)置顏色值修改字體顏色。
3、也可以將style加到head標(biāo)簽內(nèi)。
4、最后運(yùn)行html文檔,就可以看到table內(nèi)的字都變顏色了。
以本人多年前端經(jīng)驗(yàn),給你分享一下我的總結(jié)。
metadata 類標(biāo)簽
HTML <base> 元素
指定用于一個(gè)文檔中包含的所有相對(duì) URL 的根 URL。一份中只能有一個(gè) <base> 元素。
包含屬性href 和
target 可以指定a 標(biāo)簽的默認(rèn)窗口打開行為
<base target="_banlk"></base>
默認(rèn)就打開新的窗口
<a href="aaa">123</a>
使用
<base ></base>
<img src="bd_logo1.png?where=super"></img>
雖然在codepen 的代碼上編寫的但是能夠正確的通過base url + img 的src 定位顯示出圖片
content 類標(biāo)簽
HTML <aside> 元素
表示一個(gè)和其余頁(yè)面內(nèi)容幾乎無(wú)關(guān)的部分,被認(rèn)為是獨(dú)立于該內(nèi)容的一部分并且可以被單獨(dú)的拆分出來(lái)而不會(huì)使整體受影響。
Text 類標(biāo)簽
HTML <blockquote> 元素
(或者 HTML 塊級(jí)引用元素),代表其中的文字是引用內(nèi)容。通常在渲染時(shí),這部分的內(nèi)容會(huì)有一定的縮進(jìn)(注 中說明了如何更改)。若引文來(lái)源于網(wǎng)絡(luò),則可以將原內(nèi)容的出處 URL 地址設(shè)置到 cite 特性上,若要以文本的形式告知讀者引文的出處時(shí),可以通過 <cite> 元素。
HTML <figure> 元素
代表一段獨(dú)立的內(nèi)容, 經(jīng)常與說明(caption) <figcaption> 配合使用, 并且作為一個(gè)獨(dú)立的引用單元。當(dāng)它屬于主內(nèi)容流(main flow)時(shí),它的位置獨(dú)立于主體。這個(gè)標(biāo)簽經(jīng)常是在主文中引用的圖片,插圖,表格,代碼段等等,當(dāng)這部分轉(zhuǎn)移到附錄中或者其他頁(yè)面時(shí)不會(huì)影響到主體。
Inline text semantics
HTML 縮寫元素(<abbr>)
用于展示縮寫,并且可以通過可選的 title 屬性提供完整的描述。
ps: 完整描述樣式貌似不能自定義
HTML鍵盤輸入元素(<kbd>)
用于表示用戶輸入,它將產(chǎn)生一個(gè)行內(nèi)元素,以瀏覽器的默認(rèn)monospace字體顯示。
HTML標(biāo)記文本元素(< Mark >)
表示為引用或符號(hào)目的而標(biāo)記或突出顯示的文本,這是由于標(biāo)記的段落在封閉上下文中的相關(guān)性或重要性造成的。
ps:項(xiàng)目中大量使用span 標(biāo)記的做法不符合html5 的語(yǔ)義化
HTML Ruby Base(<rb>)
元素用于分隔<ruby>注釋的基本文本組件(即正在注釋的文本)。一個(gè)<rb>元素應(yīng)該包裝基本文本的每個(gè)單獨(dú)的原子段。
ps: 拼音注解
<samp> 元素
用于標(biāo)識(shí)計(jì)算機(jī)程序輸出,通常使用覽器缺省的 monotype 字體(例如 Lucida Console)。
HTML 中的<small>元素
使文本的字體變小一號(hào)。(例如從大變成中等,從中等變成小,從小變成超小)。在HTML5中,除了它的樣式含義,這個(gè)元素被重新定義為表示邊注釋和附屬細(xì)則,包括版權(quán)和法律文本。
HTML <sub> 元素
定義了一個(gè)文本區(qū)域,出于排版的原因,與主要的文本相比,應(yīng)該展示得更低并且更小。
ps: 下腳標(biāo)
HTML <sup> 元素
定義了一個(gè)文本區(qū)域,出于排版的原因,與主要的文本相比,應(yīng)該展示得更高并且更小。
ps: 上腳標(biāo)
HTML <u> 元素
使文本在其內(nèi)容的基線下的一行呈現(xiàn)下劃線。在HTML5中, 此元素表示具有未標(biāo)注的文本跨度,顯示渲染,非文本注釋,例如將文本標(biāo)記為中文文本中的專有名稱(一個(gè)正確的中文標(biāo)記), 或 將文本標(biāo)記為拼寫錯(cuò)誤
HTML <map>
與 <area> 屬性一起使用來(lái)定義一個(gè)圖像映射(一個(gè)可點(diǎn)擊的鏈接區(qū)域).
HTML <track> 元素
被當(dāng)作媒體元素—<audio> 和 <video>的子元素來(lái)使用。它允許指定計(jì)時(shí)字幕(或者基于時(shí)間的數(shù)據(jù)),例如自動(dòng)處理字幕。
HTML <object> 元素
(或者稱作 HTML 嵌入對(duì)象元素)表示引入一個(gè)外部資源,這個(gè)資源可能是一張圖片,一個(gè)嵌入的瀏覽上下文,亦或是一個(gè)插件所使用的資源
ps: 支持引入的資源類型
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
關(guān)于支持資源類型的測(cè)試
http://joliclic.free.fr/html/object-tag/en/index.php
Css可以設(shè)置網(wǎng)頁(yè)的樣式,比如字體大小顏色等等。今天小編就來(lái)分享一下設(shè)置HTML網(wǎng)頁(yè)字體類型大小和顏色方法。
一、如圖,先在HTML網(wǎng)頁(yè)編寫一些測(cè)試的文字。
二、然后在網(wǎng)頁(yè)預(yù)覽文字初始的字體效果,顏色是黑色,大小比較小。
三、因?yàn)闇y(cè)試文字是在body標(biāo)簽內(nèi)的,所以我們要對(duì)body標(biāo)簽設(shè)置css屬性就可以了。
四、如圖,我們可以用font-family來(lái)設(shè)置HTML網(wǎng)頁(yè)字體的類型,比如這里我設(shè)置為“華文楷體”。
五、再去看文字的變化效果,文字變成了華文楷體類型,比原先的好看多了。
六、然后color可以改變文字的顏色,比如我就設(shè)置它為red,意思表示的是紅顏色。
七、這樣,文字的顏色就會(huì)由黑色變成紅色了哦。
八、而font-size可以設(shè)置文字的大小,如圖所示,我設(shè)置成38px,表示38像素大小。
九、最后來(lái)看看,文字變得比原來(lái)大了很多。這樣我們就實(shí)現(xiàn)了設(shè)置HTML文字的類型,顏色及大小的目的。