H5学习之旅-H5列表(8)
生活随笔
收集整理的這篇文章主要介紹了
H5学习之旅-H5列表(8)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
列表的基本語法
ol:有序列表
ul:無序列表
li:列表項
dl:列表
dt:列表項
dd:列表描述
常用列表
1.無序列表:使用標簽 ul,li 屬性:disc(默認實心圓) circle (空心圓)square (方塊)
2.有序列表:使用標簽ol,li 屬性:A(大寫字母) a (小寫字母)l (大寫羅馬數字)i (小寫羅馬數字)start (設置開始阿拉伯數字)
3.混合列表 : 使用標簽 ul ol li
4.自定義列表 : 使用標簽 dl dt dd
!!!!!!代碼實例
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>H5表格</title> </head> <body><ul type="square"><li>香蕉</li><li>香蕉</li><li>香蕉</li></ul><ol type="I"><li>香蕉</li><li>香蕉</li><li>香蕉</li></ol><ul type="square"><li>香蕉</li><ol><li>水谷</li><li>水谷</li></ol><li>香蕉</li><ol><li>水谷</li><li>水谷</li></ol><li>香蕉</li><ol><li>水谷</li><li>水谷</li></ol></ul><dl><dt>hello world</dt><dd>can you feel me</dd><dt>hello world</dt><dd>can you feel me</dd><dt>hello world</dt><dd>can you feel me</dd></dl> </body> </html>效果圖
轉載于:https://www.cnblogs.com/fengsehng/p/6048550.html
總結
以上是生活随笔為你收集整理的H5学习之旅-H5列表(8)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 020.day20 线程概述 多线程优缺
- 下一篇: ==与equal在java中应用的感悟