HTML5基礎——文字常用標籤(上)

2021-02-24 編程寶庫
1. 標題

我們在HTML文件中寫一篇文字時,總會希望將標題的文字設置的大一些,黑一些,粗一些,那麼怎樣在HTML中設置標題呢?
在HTML中,標題文字共計6種,每個標題逐級依次變小。
語法:

1級標題:<h1>...</h1>2級標題:<h2>...</h2>...6級標題:<h6>...</h6>

案例代碼:

<html>  <head>      <title>文字的標題</title>  </head>  <body>      <h1>微學派</h1>      <h2>微學派</h2>      <h3>微學派</h3>      <h4>微學派</h4>      <h5>微學派</h5>      <h6>微學派</h6>  </body></html>

運行效果:


文字的標題.png

2. 字體與字號

在介紹完標題後,我們還要處理正文的文字,
2.1 設置字體——face
語法:

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

其中,font為設置文字的標籤,face為該標籤的屬性,表示文字的字體,<font></font>之間的文字,就是應用字體的文字。
案例代碼:

<html>  <head>      <title>文字的字體</title>  </head>  <body>      <font face="宋體">微學派</font>      <font face="黑體">微學派</font>      <font face="隸書">微學派</font>  </body></html>

運行效果:


文字的字體.png


2.2 文字的字號
我們在設置完文字的字體後,還需要給文字設置大小,設置字號的範圍是1~7。
語法:

<font size="文字字號">文字</font>

案例代碼:

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

說明:<br/>為換行標籤,加入該標籤相當於在文字內容後添加了一個回車。
運行效果:


文字的字號.png

3. 顏色

我們在設置好文字的字號後,發現文字總是黑色的,有時,我們為了頁面好看,需要將文字設置成別的顏色,設置文字的顏色的標籤屬性為color。
語法:

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

說明:顏色代碼的格式使用的是16進位(關於什麼是16進位,請到度娘上搜索),比如:#0088FF。
案例代碼:

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

運行效果:


文字的顏色.png


以上是關於文字的一些常用格式,下篇文章將為大家介紹文字的粗體與斜體、下劃線與刪除線以及等寬文字標記。

相關焦點

  • 你真的理解HTML5標籤語義化嗎?
    head內可存放標籤有:<base>:為頁面上的所有連結規定默認地址或默認目標。<link>:主要用於style文件引入<style>:樣式表區域<title>:可定義文檔的標題。
  • 小技能(001):常用快捷鍵~
    希望給大家提供一些讓效率能夠提高的小技巧(常用快捷鍵),努力掙錢,好好乾飯。
  • 正畸基礎技能:認識口腔正畸的常用材料
    ❶不鏽鋼絲:用於製作矯治器的支架,常用規格直徑0.7~1.2 mm。❷基託蠟:常用於製作矯治器的蠟基託。❸樹脂:臨床上常用的塑料有熱凝樹脂和自凝樹脂。熱凝樹脂用於製作矯治器基託,自凝樹脂用於基託的修理、墊底,在基託上增加副簧、頜墊等。❹分離劑:分離劑是指能防止兩種相互接觸的物體發生粘連,且能較容易分離它們的物質。
  • html基礎:入門必看
    內容就是網頁製作者放在頁面上想要讓用戶瀏覽的信息,可以包含文字、圖片等。網頁製作學習群:四九四零六,四九三四。        CSS樣式是表現。就像網頁的外衣。比如,標題字體、顏色變化,或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為表現。        JavaScript是用來實現網頁上的特效效果。如:滑鼠滑過彈出下拉菜單。
  • 日本文化豆知識:日語中的表情文字
    我們在郵件或文章中經常使用的表情文字,其發源地是在計算機的發祥地——美國。早在19世紀末,美國的雜誌上就有了表情文字的記錄,這說明表情文字已有100年以上的歷史。歐美國家的表情文字被稱為emoticon(由emotion (情緒)和icon (圖像,圖標)拼綴而成),在字母國家廣泛使用。日本人在西方廣泛使用的表情文字上加以改進創造了屬於自己的表情文字。接下來介紹下日本表情文字與歐美表情文字的差別以及一些常用的日本表情文字。
  • 手機拍照醫療片子的最簡單自檢:照片上的文字清晰
    手機拍照醫療片子的最簡單自檢:照片上的文字清晰本文介紹一個最簡單的自檢方法:即使片子上的圖片自己完全不懂,不論你使用什麼手機、使用什麼方法拍照,如果在自己的手機上,照片上的文字很清晰,那麼,這個照片就算合格(至少可以得80分),醫生就可以看懂。 (CT、MRI、X片照片文字清晰,圖片合格)醫療片子照像主要需要注意3個方面問題:透射光源、對焦和亮度測光。
  • 動森文字解密:家具上究竟寫了什麼呢?
    大家都知道動森的家具都是根據現實中的家具超高程度還原的,但是大家有沒有好奇過家具上似懂非懂的文字都寫了什麼呢?,也就是正在尋找的意思,另外,我們還可以改造招牌,這個款式的招牌上,左上角寫著日文漢字「急募」,之間寫著「募集中」,我們可以隱約看到藥袋子上寫著「おくすり」的平假名,也就是藥的意思啦,細節真的超棒的。
  • 食品標籤,您會看嗎?
    其實包裝上的食品標籤也是乾貨滿滿,學會看食品標籤,讓您買得放心,吃得安心。在預包裝食品(也就是通常所說的包裝食品)外包裝上面的食品標籤通常標註了食品的生產日期、保質期、配料、質量(品質)等級等,可以告訴消費者食物是否新鮮、產品特點、營養信息等。食品標籤指的就是食品包裝上的文字、圖形、符號及一切說明物。
  • 印尼食品標籤那些事
    想要將食品出口印尼,標籤不僅是產品的"顏值",更是申請印尼食品流通許可證的重要要求之一。標籤標識要符合印尼當地法律法規的要求。本期食品夥伴網將從消費者購買食品時最先看到的食品「外衣」—標籤基本要求入手,掀開印尼食品標籤規定的「神秘面紗」。下期食品夥伴網將和大家介紹印尼與中國營養標籤要求的差別。
  • HTML5顏色漸變3D文字特效
  • 食品標籤經典案例分析
    為了感謝學員的信任,我們將在今日下午三點進行免費直播培訓和線上答疑,具體通知如下:
  • 食品進口中文標籤知多少
    ,很多消費者和貿易商表示對此有些不解,更有甚者認為純外國文字的產品才是真正的進口食品,今天就給大家解讀下進口食品中文標籤備案此舉的目的以及注意事項。預包裝食品沒有中文標籤、中文說明書或者標籤、說明書不符合本條規定的,不得進口。現在進口食品的申報和查驗主要由出入境檢驗檢疫部門受理。在實際的申報受理和查驗過程中,預包裝食品是否有中文標籤以及中文標籤的製作是否符合《GB7718-2011預包裝食品標籤通則》是很重要的一部分。檢驗檢疫在實際工作中會監督貨主對每一批次的預包裝食品加貼經過審核的中文標籤,全部完成後才會予以放行。
  • 防偽標籤真真假假?快來學習腫麼辨別吧
    還等神馬,與範兒留言互動,微信平臺約起~~【品質生活範兒】第19期:腫麼辨識防偽標籤?  近年來,由於假冒偽劣商品泛濫,採用防偽技術對識別和防止假冒偽劣商品作用日益突出,在產品上印刷防偽標誌成為名牌廠家、生產名優產品企業用來自我保護的一種有效措施。因為商品和生產廠家的不同,防偽標籤也是五花八門。
  • 食品標籤最新法規標準解讀專題培訓
    解讀《食品標識監督管理辦法(徵求意見稿第二版)》及《GB7718 預包裝食品標籤通則(徵求意見稿第五版)》
  • 【食品標籤】營養標籤的計算與設計
    在包裝設計裡面,有一項就是營養標籤的設計,這雖是一個小小的方格,但是,涉及的內容也有不少。
  • 統計基礎:統計圖表
    約翰普林斯頓傑出的統計學家約翰·圖基(John Tukey)在1977年出版了具有開創性的著作《探索性數據分析》。儘管此時,他在書中教大家手繪圖表的技巧,但他憑藉其傑出的技術貢獻在這一領域開疆擴土,讓人們看到了統計圖表研究的價值和意義,而不僅僅只是枯燥乏味的章法。1982年,愛德華·塔夫特(EdwardTufte)出版《定量信息的可視化》,為數據的圖形可視化設定了新的標準。
  • 生產日期 標籤「生日」 商品上的時間把人弄蒙了
    近日,市民盧先生通過電話向記者反映稱,其從超市買回的酸牛奶,在兩包下肚後,竟發現包裝上貼有兩個不同的日期,這讓他感到十分詫異,難不成這就是傳說中的
  • 何為 食品標籤,6大原則,10大要素
    食品標籤 是指 食品包裝上的文字、圖形、符號及一切說明物食品標籤六大原則01 真實準確性原則
  • 統計基礎:【24】統計圖表
    早在16世紀,概率論基礎、微積分、對數等統計數學理論就已經被發現並應用於實際,但直到1750-1800年,人們才發明了統計圖表來展示統計數據。1786,威廉·普萊費爾(William Playfair)在其出版的《商業和政治圖解》一書中,引入了圖表來顯示經濟數據。我們今天還在廣泛使用的很多基礎圖表,如條形圖、折線圖、餅圖等都是他發明的。
  • 【全國開班】國內外食品標籤及營養標籤相關法律法規
    GB 7718《預包裝食品標籤通則》的釋義GB 28050《預包裝食品營養標籤通則》的釋義;嬰幼兒主輔食品標籤特定人群主輔食品標籤食品中的過敏源、轉基因三.食品標籤及營養標籤的符合性檢驗食品標籤標示關鍵點的釋義食品營養標籤營養素的標識及聲稱的釋義