#WEB安全基礎(chǔ) : HTML/CSS | 0x4.1嵌套列表

desdik 發(fā)布于2019-04-23 11:53 / 720人閱讀

摘要：黑體如果你認(rèn)為列表只有和那你就錯(cuò)了黑體我要為你展示新的列表這次只有一個(gè)文件黑體這是它的效果黑體以下是它的代碼嵌套列表嵌套列表在以內(nèi)并且在以外的屬于有序列表在以內(nèi)的是無(wú)序列表定義列表定義列表

如果你認(rèn)為列表只有ul和ol那你就錯(cuò)了

我要為你展示新的列表

這次只有一個(gè)index.html文件

^{這是它的效果}

以下是它的代碼

 1 <html>
 2 <head>
 3 <title>TESTtitle>
 4 head>
 5 <body>
 6 
 7 <p>
 8 嵌套列表
 9 p>
10 <ol>
11 
12 <li>Charge Segwayli>
13 <li>Pack for tripli>
14 
15 <ul>
16 <li>cell phoneli>
17 <li>ipodli>
18 ul>
19 ol>
20 <br>
21 <br>
22 <p>
23 定義列表
24 p>
25 <dl>    
26 <dt>Burma Shave Signsdt>    
27 <dd>Road signs common in the U.S. in the 1920s and 1930s advertising shaving produces.dd>
28 <dt>Route 66dt>
29 <dd>Most famous road in the U.S.highway system.dd>    
30 dl>
31 body>
32 html>

無(wú)序列表里能插入有序列表，有序列表里能插入無(wú)序列表

定義列表被dl元素括起來(lái)

現(xiàn)在，你可以使用有縮進(jìn)的整潔的列表了

//本系列教程基于《Head First HTML與CSS(第二版)》,此書(shū)國(guó)內(nèi)各大購(gòu)物網(wǎng)站皆可購(gòu)買(mǎi)

轉(zhuǎn)載請(qǐng)注明出處? by:M_ZPHr

最后修改日期：2019-01-17

GPU云服務(wù)器云服務(wù)器 html css列表 html+css基礎(chǔ) python嵌套列表 web服務(wù)器列表

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1307.html

相關(guān)文章

#WEB安全基礎(chǔ) : HTML/CSS | 文章索引

摘要：黑體本系列講解安全所需要的和黑體安全基礎(chǔ)我的第一個(gè)網(wǎng)頁(yè)黑體安全基礎(chǔ)初識(shí)黑體安全基礎(chǔ)初識(shí)標(biāo)簽黑體安全基礎(chǔ)文件夾管理網(wǎng)站黑體安全基礎(chǔ)模塊化黑體安全基礎(chǔ)嵌套列表黑體安全基礎(chǔ)標(biāo)簽拓展和屬性的使用黑體安全基礎(chǔ)嵌套本系列講解WEB安全所需要的HTML和CSS #WEB安全基礎(chǔ) : HTML/CSS | 0x0 我的第一個(gè)網(wǎng)頁(yè) #WEB安全基礎(chǔ) : HTML/CSS | 0x1初識(shí)CSS #WEB安全基...

EscapedDog 2019-04-23 11:53 評(píng)論0 收藏0
#WEB安全基礎(chǔ) : HTML/CSS | 0x6嵌套標(biāo)簽(圖片鏈接)

摘要：黑體嵌套標(biāo)簽我們已經(jīng)講一次了，在里，我們把列表嵌套了你覺(jué)得文字鏈接難看得令人作嘔，好，你再也不會(huì)有這種感覺(jué)了一如既往，一個(gè)文件和一個(gè)存放圖片的文件夾黑體的代碼，很簡(jiǎn)單百度百度百度黑體我把元素放在元素用于頁(yè)面顯示的地方這是嵌套標(biāo)簽我們已經(jīng)講一次了，在0X4.1里，我們把列表嵌套了你覺(jué)得文字鏈接難看得令人作嘔，好，你再也不會(huì)有這種感覺(jué)了 ? 一如既往，一個(gè)html文件和一個(gè)存放圖片的文件夾...

hyuan 2019-04-23 11:53 評(píng)論0 收藏0
#WEB安全基礎(chǔ)：HTML/CSS | 0x0 我的第一個(gè)網(wǎng)頁(yè)

摘要：黑體安全基礎(chǔ)系列，本系列采用第二人稱以免你不知道我在對(duì)著你說(shuō)話，以朋友的視角和你交流的中文名叫做超文本標(biāo)記語(yǔ)言，叫做層疊樣式表用設(shè)計(jì)你的第一個(gè)網(wǎng)頁(yè)，你需要做的是用你的眼睛看，用你的手敲。#WEB安全基礎(chǔ)：HTML/CSS系列，本系列采用第二人稱以免你不知道我在對(duì)著你說(shuō)話，以朋友的視角和你交流 HTML的中文名叫做超文本標(biāo)記語(yǔ)言，CSS叫做層疊樣式表用HTML設(shè)計(jì)你的第一個(gè)網(wǎng)頁(yè)，你需要做的...

番茄西紅柿 2019-04-23 11:53 評(píng)論0 收藏0
#WEB安全基礎(chǔ) : HTML/CSS | 0x8.1CSS繼承

摘要：的一大特性繼承，怎么樣沒(méi)聽(tīng)說(shuō)過(guò)吧，沒(méi)了它我們修飾網(wǎng)頁(yè)時(shí)就變得十足的麻煩這是本節(jié)課準(zhǔn)備的文件黑體這是文件夾黑體先看看，代碼如下正文正文正文正文查看其它知識(shí)點(diǎn)位置對(duì)所有標(biāo)簽都起CSS的一大特性——繼承，怎么樣沒(méi)聽(tīng)說(shuō)過(guò)吧，沒(méi)了它我們修飾網(wǎng)頁(yè)時(shí)就變得十足的麻煩這是本節(jié)課準(zhǔn)備的文件 ? 這是others文件夾 ? 先看看index.html，代碼如下 1 DOCTYPE html> ...

tinysun1234 2019-04-23 11:53 評(píng)論0 收藏0
#WEB安全基礎(chǔ) : HTML/CSS | 0x1初識(shí)CSS

摘要：黑體我受夠這些難看的網(wǎng)頁(yè)了，我怎么才能讓它變得好看點(diǎn)你說(shuō)。比如訪問(wèn)百度，百度就會(huì)向你展示一個(gè)百度一下你就知道的頁(yè)面。黑體這是在瀏覽器中的顯示黑體我受夠這些難看的網(wǎng)頁(yè)了，我怎么才能讓它變得好看點(diǎn)？你說(shuō)。我答道:看來(lái)你得學(xué)點(diǎn)CSS了學(xué)習(xí)這些東西只有一個(gè)原則，就是用你的腦袋想，用你的眼睛看，用的你手敲。很簡(jiǎn)單，對(duì)吧？這次我寫(xiě)了兩個(gè)網(wǎng)頁(yè) 看代碼就用到了你的眼睛, 下面是index.htm...

番茄西紅柿 2019-04-23 11:53 評(píng)論0 收藏0