HTML常見的列表標簽

目錄

  • 🍧無序列表
  • 🍧有序列表
  • 🍧 定義列表
  • 🍧 菜單列表

🍧無序列表

ul+li的組合,ul標簽與li標簽之間盡量不要寫標簽或內容

列表可以嵌套多層


type屬性,可以指定序號的類型

    可選值:默認值,使用阿拉伯數字a/A 采用小寫或大寫字母作為序號i/I 采用小寫或大寫的羅馬數字作為序號
<ul>這是ul和li之間<li>無序列表,第1個列表項</li><li>無序列表,第2個列表項</li><li>無序列表,第3個列表項</li><li>無序列表,第4個列表項</li>
</ul>

;

🍧有序列表

ol+li的組合,ol標簽與li標簽之間盡量不要寫標簽或內容

列表可以嵌套多層

type屬性可以修改無序列表的項目符號

屬性符號
disc默認值,實心的圓點
square實心的方塊
circle空心的圓

 <ol>這是ol與li之間<li>無序列表、第1個列表項</li><li>無序列表、第2個列表項</li><li>無序列表、第3個列表項</li><li>無序列表、第4個列表項</li></ol>

;

🍧 定義列表

定義列表的每一個定義項是由dt(Define Title)與dd(Define Description)組成。
dl:定義列表標簽
dt:表示定義項0的標題
dd:表示對上一個dt中的標題內容進行描述或補充說明


<dl><dt>趙本山</dt><dd>春晚常駐選手,國內一線大品牌</dd><dd>鄉村愛情故事,二人轉,小品</dd></dl>

;

🍧 菜單列表

菜單列表是HTML版本中新增的列表標簽,
實際上就是ul標簽(無序列表)


  <!-- 菜單列表是HTML版本中新增的列表標簽,實際上就是ul標簽(無序列表) --><menu><li>首頁</li><li>商品</li><li>專題</li><li>用戶</li><li>版權</li></menu>

最后,幾種列表標簽中最常用的只有ul,當然也有新版本的menu標簽。其他的2種標簽(ol與dl),基本不使用。

:
OK,以上就是關于HTML常見的列表標簽的常見內容啦!

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/213983.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/213983.shtml
英文地址,請注明出處:http://en.pswp.cn/news/213983.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

15:00面試,15:06就出來了,問的問題太變態了。。

剛從小廠出來&#xff0c;沒想到在另一家公司我又寄了。 在這家公司上班&#xff0c;每天都要加班&#xff0c;但看在錢給的比較多的份上&#xff0c;也就不太計較了。但萬萬沒想到5月一紙通知&#xff0c;所有人不準加班了&#xff0c;不僅加班費沒有了&#xff0c;薪資還要降…

有病但合理的 ChatGPT 提示語

ChatGPT 面世一年多了&#xff0c;如何讓大模型輸出高質量內容&#xff0c;讓提示詞工程成了一門重要的學科。以下是一些有病但合理的提示詞技巧&#xff0c;大部分經過論文證明&#xff0c;有效提高 ChatGPT 輸出質量&#xff1a; ?1?? Take a deep breath. 深呼吸 ? 作用…

ChatGPT勝過我們人類嗎?

引言 人工智能&#xff08;AI&#xff09;一直是眾多技術進步背后的驅動力&#xff0c;推動我們走向曾經是科幻小說領域的未來。這些進步的核心引出這樣一個深刻的問題&#xff1a;機器能思考嗎&#xff1f;這一問題由英國數學家和計算機科學家艾倫圖靈&#xff08;Alan Turin…

SSL安全證書怎么查看證書類型?

SSL安全證書是一種用于確保互聯網通信安全的協議。它通過加密數據傳輸以保護敏感信息不被竊取或篡改。在瀏覽器中&#xff0c;我們可以輕松查看SSL安全證書的類型。本文將詳細介紹如何查看證書類型&#xff0c;并探討不同類型的SSL證書的用途和特點。 要查看SSL安全證書的類型&…

關于粒子群算法的一些簡單嘗試

粒子群算法核心思想&#xff1a;&#xff08;鳥 粒子&#xff09; &#xff08;1&#xff09;許多的鳥站在不同的地方&#xff1b; &#xff08;2&#xff09;每一只鳥都有自己尋找食物的初始飛行方向、飛行速度&#xff1b; &#xff08;3&#xff09;這些鳥兒每隔一段時間…

ISP-EE(Edge Enhance)

ISP-EE(Edge Enhance) EE模塊在某些ISP主控中叫做sharpness或者sharpen&#xff0c;這些名稱指代的模塊是同一個&#xff0c;不用再糾結。主要就是在YUV域內彌補成像過程中圖像的銳度損失&#xff0c;對邊緣和細節進行加強&#xff0c;從而恢復場景本應具有的自然銳度。 銳度…

Linux基礎指令(2)

今天我們繼續來學我們有關于Linux的指令&#xff0c;今天的指令要比上次多多了。開始我們的學習吧。 man手冊 先來看標題&#xff0c;手冊我們第一時間想到的就是手冊的查閱功能&#xff0c;我們都知道在我們上小學的時候&#xff0c;如果遇到不會的字&#xff0c;我們會通過…

網絡工程師【目錄】

前言 從2023年下半年開始&#xff0c;所有的軟考全面改革&#xff0c;由原來的筆試改為機考&#xff0c;據說難度會有一些增加&#xff0c;望悉知。 報名地址&#xff1a;中國計算機技術職業資格網 歷史報名時間和考試時間&#xff1a;3月份報名&#xff0c;5月底考試&#xf…

互聯網商業史--1.3Q大戰

一.起因 奇虎360與騰訊間的糾葛被業界形象地稱為“3Q大戰”。 這場大戰源于雙方之間的“互掐”。 雙方為了各自利益&#xff0c;從2010年到2014年&#xff0c;上演了一系列互聯網之戰&#xff0c;并走上訴訟之路 騰訊先是推出QQ醫生1.0&#xff0c;隨后推出QQ醫生3.2&#x…

【wvp】無響應sip 日志記錄

23-12-11 17:25:18.179 [https-jsse-nio-8970-exec-7] INFO c.g.wvp.vmp.gb28181.transmit.cmd.impl.SIPCommander - 34010200001130000006_34010200001310000006 分配的ZLM為: wvpmediaserver001 [10.30.2.8:30406] 2023-12-11 17:25:18.337 [wvp-9] INFO c.g.w.v.g.t.e.r.i…

【高數:3 無窮小與無窮大】

【高數&#xff1a;3 無窮小與無窮大】 1 無窮小與無窮大2 極限運算法則3 極限存在原則4 趨于無窮小的比較 參考書籍&#xff1a;畢文斌, 毛悅悅. Python漫游數學王國[M]. 北京&#xff1a;清華大學出版社&#xff0c;2022. 1 無窮小與無窮大 無窮大在sympy中用兩個字母o表示無…

IvorySQL榮獲 OSCHINA「2023 年度優秀開源技術團隊」獎

2023 年&#xff0c;OSCHINA 綜合平臺上各大認證官方技術團隊、開源社區帳號年度發表的內容深度及廣度、開展各種活動運營影響力等多方面的表現&#xff0c;瀚高股份IvorySQL榮獲 OSCHINA頒布的「2023 年度優秀開源技術團隊」獎項。未來&#xff0c;IvorySQL將繼續為國內開源事…

golang游戲服務器 - tgf系列課程04

用戶登錄 介紹了如何使用tgf自帶的登錄功能進行用戶的登錄操作,并且編寫機器人客戶端的一個模擬請求代碼需求描述 用戶請求登錄,登錄成功之后請求HelloWorld接口.Common 接口定義和生成接口定義 新增登錄接口 type IHallService interface {Login(ctx context.Context, args…

Hough算法數學原理

直線的極坐標方程&#xff1a; x x 0 r cos ? θ x x_0 r\cos \theta xx0?rcosθ y y 0 r sin ? θ y y_0 r\sin \theta yy0?rsinθ x cos ? θ x 0 cos ? θ r cos ? 2 θ x \cos \theta x_0 \cos \theta r \cos^2 \theta xcosθx0?cosθrcos2θ y sin ? θ…

E4990A 阻抗分析儀,20 Hz 至 10/20/30/50/120 MHz

01 E4990A 阻抗分析儀 20 Hz 至 10/20/30/50/120 MHz 產品綜述&#xff1a; E4990A 阻抗分析儀具有 20 Hz 至 120 MHz 的頻率范圍&#xff0c;可在寬阻抗范圍內提供出色的 0.045%&#xff08;典型值&#xff09;基本準確度&#xff0c;并內置 40 V 直流偏置源&#xff0c;適…

計算機科學與技術認識實習【報告】

一、實習目的 此次認識實習主要面對計算機科學與技術專業的同學&#xff0c;了解專業在未來的發展趨勢&#xff0c;通過觀看公司的介紹視頻和技術發展情況招聘信息后的感想和學習體會等多種方式&#xff0c;使我們了解本專業相關領域的發展現狀&#xff0c;讓我們在校園內課堂上…

C# 數據的保存和提取(.TXT格式)

紅色部分的才是最終版 一、將頁面內容保存到文件中 第一步 創建Visual的Windows窗體應用,使用的是 第二步 創建幾個Label控件、TextBox控件、以及Button按鈕,而TextBox控件放入Panel中 第三步 先對寫法進行了解,了解保存的語句 StreamWriter sw= new StreamWriter(TXT…

從視頻中截取指定幀圖片

前言&#xff1a; 我們在很多時候需要對視頻文件進行分析&#xff0c;或者對視頻產生縮略圖。因此視頻截取技術必不可少。 從本地文件中讀取視頻幀 導包 <dependency><groupId>org.jcodec</groupId><artifactId>jcodec</artifactId><versio…

http代理和SOCK5代理誰更安全?

在這個網絡化的時代&#xff0c;我們常常聽到HTTP代理和SOCKS5代理這兩個名詞&#xff0c;不過很多人并不了解是什么意思。今天&#xff0c;我們將揭開這兩種代理的神秘面紗&#xff0c;看看到底HTTP代理和SOCKS5代理哪個更安全&#xff1f; HTTP代理&#xff1a;高效通信的“樞…

Anaconda+Pytorch(GPU版)深度學習環境配置筆記

主要參考以下文章進行配置&#xff1a; https://blog.csdn.net/qq_43757976/article/details/131173301 配置版本略有更新&#xff0c;最新版本時間為2023.12.11 一、準備工作 個人電腦配置&#xff1a;laptop RTX4060 win11 個人配置版本&#xff1a;cuda&#xff08;12.1&…