HTML常用排版標籤

2021-02-19 web進階樂園

為了使網頁更具有語義化，我們經常會在頁面中用到標題標籤，HTML提供了6個等級的標題，即：

<h1>、<h2>、<h3>、<h4>、<h5>和<h6>

<h1>到<h6>元素中的字母h是英文headline的簡稱。作為標題使用，其重要性以此遞減。

基本語法格式：<hn>   標題文本   </hn>

<!DOCTYPE html><html>  <head>    <meta charset="utf-8" />    <title>doument</title>  </head>  <body>    <h1>啊！今天天氣真好呀！</h1>    <h2>啊！今天天氣真好呀！</h2>    <h3>啊！今天天氣真好呀！</h3>    <h4>啊！今天天氣真好呀！</h4>    <h5>啊！今天天氣真好呀！</h5>    <h6>啊！今天天氣真好呀！</h6>  </body></html>

相關焦點

  • html標籤特效代碼大全(讓你製作漂亮的頁面效果)
    </DIR> 列表文字標籤<DL>...</DL> 設定定義列表的標籤<DT> 設定定義列表的項目<EM> 強調之用<FONT FACE> 任意指定所用的字形<
  • [入門]初學PHP之HTML
    ：<html><head><title><body><div><ul><li><table><tr><td><th><span><p>
  • 巧用Word設計指定規格的「資產標籤」
    公司裡的資產管理人員需要對公司資產進行登記、整理，並粘貼對應的資產標籤，以便於後期的檢查/驗收等工作。
  • 製作檔案盒標籤模板
    今天有小夥伴問到，如何制檔案盒標籤呢？今天我就和大家說說我的製作思路。
  • 前端面試題(理論知識+HTML+CSS+JavaScript)襲來,請接招!【附答案】
    伺服器端響應http請求，瀏覽器得到html代碼e. 瀏覽器解析html代碼，並請求html代碼中的資源f. 瀏覽器對頁面進行渲染呈現給用戶參考《一次完整的HTTP事務是怎樣一個過程》1.2、談談你對前端性能優化的理解a. 請求數量：合併腳本和樣式表，CSS Sprites，拆分初始化負載，劃分主域b.
  • Excel2019中設置工作表標籤顏色的方法
    為了更進一步地區分工作簿中的多個工作表，還可以根據實際需要為工作表標籤設置不同的顏色
  • 文字排版設計
    文字排版(Typography)不只是從下拉選單選擇字型和點數而已，文字排版是一項流傳數世紀的技藝，自木製和金屬的活版印刷便開始，而且它不只歷史悠久
  • HTML基礎知識
    DOCTYPE html><html><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title&
  • PPT中文排版的一些想法
    一、空行還是空格的問題中文排版有很多規定，比如新起段落必須空二格。為什麼會有這樣的規定？
  • 你必須掌握的PPT多圖排版技巧!
    如何進行排版？等等。今天，讓@楊何 和大家聊聊 PPT 中的圖文排版技巧。圖文排版的基本原則PPT圖文的排版，無非是圖片和文字的合理搭配，在掌握排版方式前，要先記住這兩個原則：原則一：文案要精煉、醒目，排版美觀。
  • 如何優化和漢化Pytest-html測試報告?
    _xmlgen import htmldriver = None@pytest.mark.hookwrapperdef pytest_runtest_makereport(item):    """當測試失敗的時候，自動截圖，展示到html報告中"""    outcome = yield    pytest_html
  • 一種用markdown寫PPT的方法,再也不用費勁排版了
    參考marp 官方文檔可以很快學會用法，但是用的時候去翻比較麻煩，我提煉了常用的語法，最後做了一個 PPT 練手，才算是學會了，現在分享出來以便以後翻閱。marp 是個什麼？日常工作生活中常常會用到 ppt, 但是 ppt 有時候做起來非常浪費時間，如果不用關心排版，可以專注內容自動排版豈不妙哉？正好 markdown 就是解決排版的一種語言，有好心人自發開發了一個做 ppt 的利器，只用關注內容，簡單分隔一下，稍微改一下樣式就可以用了。
  • 學會這5種常用排版技巧,馬上解決90%以上的PPT排版難題
    方法還是有的，這次我從幾種不同類型排版分享一下。1單張圖文排版對於單圖文排版又可以將其分為【單圖對單段內容】和【單圖對多段內容】。這個應該比較好理解，具體的看一下例子。當拿到這三段三段排版內容時，首先要考慮該怎麼排版，可以大致的畫一下草圖。先在大腦中設想一下，有多少種適合這種類型的排版。
  • PPT封面標題如何排版
    希望能對你的 PPT 製作有幫助大致分為：案例轉換及思路分析、標題布局排版作品欣賞、如何收集標題文字排版靈感作品標題文字排版也可以是有套路的，通用的最常見的比如大部分美顏相機中的水印/文字模板板式已經設計好，只需要改改文字內容無論怎麼換圖都還是很好看案例一PPT 封面的標題板式也可以借鑑
  • PPT封面標題如何排版?
    大致分為：案例轉換及思路分析、標題布局排版作品欣賞、如何收集標題文字排版靈感作品。文丨哥布林來源丨 iSlide（ID：iSlidePPT）標題文字排版也可以是有套路的，通用的。最常見的比如大部分美顏相機中的水印/文字模板。
  • HTML5基礎-HTML綜合案例
    DOCTYPE html><html lang="zh-CN"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>
  • Word如何插入圖片、調整大小和排版?
    標題就被插入到圖片下方了，這時，標題和圖片是分離的，並且有自己的「自動換行」類型，導致其它文字排版混亂了：以上就是Word如何插入圖片、調整大小和排版方法介紹，操作很簡單，大家學會了嗎？來自：腳本之家連結：http://www.jb51.net/office/word/459654.html●本文編號337，以後想閱讀這篇文章直接輸入337即可。
  • 人物簡介的四種排版方法:以扁平化PPT為例
    ，以扁平化風格PPT為例：這種排版方式無論是全頁面排版還是卡片化嵌入式排版都不錯，我們具體看看實例。其實全頁面的排版方式在我們日常製作PPT的過程中是很常用到的，除了把握好字體的大小來烘託層次感外，間隔也要把握好，一般建議標題與正文的字號比例在2:1或者3:2，行距1.75倍或者1.5倍均可。
  • 手帳技巧 | 4種手帳排版構圖法,完美拯救拼貼苦手
    手帳技巧 | 文具推薦 | 個人成長 | 讀書生活奇妙甜星微博：奇妙甜星bilibili
  • PPT圖文排版太難?教你幾招​「雜誌級」排版法!
    先別說話，讓木半仙猜猜，你平時在排版圖文時，是不是都是下面這種詭異的畫風？，用好這些排版技巧，你會發現即使不用那些花裡胡哨的版面，照樣能做出好看的圖文排版頁！對稱排版最簡單，但也最沒有美感留白，提升版面氣質就靠它誰說圖片跟文字之間一定要界限分明？