關于Html的列表,不管是H5仍是傳統Html頁面,都是利用不異的標簽來展示。本文利用VSCode來書寫代碼,因為是純HTML頁面演示,所以,在記事本中寫入dom布局,保留為Html后綴文件,也是一樣的結果,只是VSCode可以快速的構建H5界面布局
新增H5頁面
1)打開VSCode編纂器,新建一個文件,將文件保留為“H5List.html”
2)在文件中輸入一個感慨號,再持續按下兩次tab鍵,就可以快速建立H5頁面的DOM布局
3)若是不利用VSCode,在文本文件中書寫dom布局,然后保留為html格局也是可以的
3前端頁面開辟東西的下載與安裝
無序列表
1)無序列表是unorder list的簡寫UL標簽
2)內容項是list item的簡寫LI標簽
3)在頁面中利用UL與LI標簽,添加無序列表的代碼如圖所示
無序列表,運行結果
在瀏覽器中打開“H5List.html”即可運行頁面
有序列表
1)有序列表是order list的簡寫OL標簽
2)內容項是list item的簡寫LI標簽
3)在頁面中利用OL與LI標簽,添加有序列表的代碼如圖所示
有序列表,運行結果
在瀏覽器中打開“H5List.html”即可運行頁面
自界說列表
1)自界說列表利用DL、DT、DD標簽
3)在頁面中添加自界說列表代碼如圖所示
自界說列表,運行結果
在瀏覽器中打開“H5List.html”即可運行頁面
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!