004. html篇之《標簽分類和嵌套規則》

来源:https://www.cnblogs.com/songofsongs/archive/2023/03/02/17173781.html
-Advertisement-
Play Games

html篇之《標簽分類和嵌套規則》 一、常用標簽 (1) <div></div> 一個區塊容器標記,可以包含圖片、表格、段落等各種html元素 (2) <span></span> 沒有實際意義,為了應用樣式 二、標簽分類 (1) 塊級標簽 獨占一行,會換行 包含: <div></div>、<ul>< ...


html篇之《標簽分類和嵌套規則》

一、常用標簽

(1) <div></div>

  • 一個區塊容器標記,可以包含圖片、表格、段落等各種html元素

(2) <span></span>

  • 沒有實際意義,為了應用樣式

二、標簽分類

(1) 塊級標簽

  • 獨占一行,會換行
  • 包含:
    <div></div>、<ul></ul>、<ol></ol>、<li></li>、
    <dl></dl>、<dt></dt>、<dd></dd>、<h1>~<h6>、
    <p></p>、<form></form>、<hr /> ……

(2) 行內標簽

  • 同在一行,不換行
  • 包含:
    <span></span>、<b></b>、<em></em>、<img />、
    <input />、<a></a>、<sup></sup>、<sub></sub>、
    <textarea></textarea> ……

三、標簽嵌套規則

  • 塊級元素可包含行內元素和某些塊級元素
  • 行內元素不能包含塊級元素,只能包含其他行內元素
  • 塊級元素不能放在<p></p>標簽內
  • 特殊塊級元素只能包含行內元素,不能包含塊級元素,例如:<h1>~<h6><p></p><dt></dt>
  • 塊級元素與塊級元素併列,行內元素與行內元素併列

我是弦歌,
一個渴望成長的前端小白,
歡迎您的留言,
更期待您的不吝指正。

若我的內容能幫助到您,歡迎關註我哦 ♥
記得點贊收藏哦 ♥


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 案例需求: 假設用戶需要每個1秒鐘需要統計4秒鐘 視窗中數據的量,然後對統計的結果值進行checkpoint處理 ##### 數據規劃 使用自定義運算元每秒鐘產生大約10000條數據 產生的數據為一個四元組(Long,String,String,Interger)-- (id,name,info,co ...
  • 資料庫系統概論—基礎篇(1) 一、緒論 1.資料庫系統概述 1.1資料庫四個基本概念 數據:描述事物的符號記錄 資料庫(DB):存放數據的倉庫 資料庫管理系統(DBMS):位於用戶與操作系統之間的一層數據管理軟體 資料庫系統(DBS):由資料庫,資料庫管理系統,應用程式和資料庫管理員組成 1.2數管 ...
  • 前言 內容類應用中圖片或文件下載,一般應用中應用更新和升級,這些都是經典的下載場景。下載是項目中基礎且重要的模塊。 從代碼邏輯復用性和人力成本考慮,一直想實現一個純Dart實現的下載庫,作為技術儲備。 最近發現了一個純Dart實現的下載庫flutter_download_manager,相對來說各方 ...
  • 好家伙,本篇為《JS高級程式設計》第十章“期約與非同步函數”學習筆記 1.非重入期約 1.1.可重入代碼(百度百科) 先來瞭解一個概念 可重入代碼(Reentry code)也叫純代碼(Pure code)是一種允許多個進程同時訪問的代碼。 為了使各進程所執行的代碼完全相同,故不允許任何進程對其進行修 ...
  • 本篇文章將介紹如何在組件庫中開發一個組件,其中包括 如何本地實時調試組件 如何讓組件庫支持全局引入 如何在 setup 語法糖下給組件命名 如何開發一個組件 目錄結構 在packages目錄下新建components和utils兩個包,其中components就是我們組件存放的位置,而utils包則 ...
  • 這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 前言 最近看見一個拖拽效果的視頻(抖音:艾恩小灰灰),看好多人評論說跟著敲也沒效果,還有就是作者也不回覆大家提出的一些疑問,本著知其然必要知其所以然的心理,我把實現效果研究了一遍,並且瞭解了其實現原理,這裡給大家復盤其原理,學到就是賺到 ...
  • JavaScript 回調函數屬於閉包? 回調函數本身不一定屬於閉包,但是在某些情況下,它們可能會涉及閉包。 回調函數通常是指在非同步操作完成時執行的函數。它們在 JavaScript 中被廣泛使用,例如在處理 AJAX 請求、定時器、事件處理程式等方面。 在使用回調函數時,如果回調函數引用了外部變數 ...
  • JavaScript 中的一些奇怪問題 JavaScript 在開發過程中可能會出現很多奇怪的問題,以下是一些示例: 1、變數提升問題 變數提升是 JavaScript 中一個常見的問題,特別是當沒有充分理解變數作用域和聲明提升時。以下是一個變數提升導致的問題示例: var a = 1; funct ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...