html快速編寫

2021-09-09 03:36:21 字數 2813 閱讀 2869

1. 巢狀操作----------

子操作: >

div>ul>li

<

div>

<

ul>

<

li>

li>

ul>

div>

並列:+

div+ul>li

<

div>

div>

<

ul>

<

li>

li>

ul>

上級:^

ul>li^div

<

ul>

<

li>

li>

ul>

<

div>

div>

ul>li>a^^div 上級多層

<

ul>

<

li><

a href

="">

a>

li>

ul>

<

div>

div>

重複:*

ul>li*3

<

ul>

<

li>

li>

<

li>

li>

<

li>

li>

ul>

分組:()

div>(p>span)*2

<

div>

<

p><

span

>

span

>

p>

<

p><

span

>

span

>

p>

div>

2. 屬性操作----------

id和類

div#header+div.main+div#footer

<

div

id="header"

>

div>

<

div

class

="main"

>

div>

<

div

id="footer"

>

div>

屬性值

a[title=test target=_self]

<

a title

="test"

target

="_self"

href

="">

a>

數列值:$

p.item$*3

<

p class

="item1"

>

p>

<

p class

="item2"

>

p>

<

p class

="item3"

>

p>

p.item$$*3

<

p class

="item01"

>

p>

<

p class

="item02"

>

p>

<

p class

="item03"

>

p>

數列操作符:@

p.item$@-*3 @- = -1

<

p class

="item3"

>

p>

<

p class

="item2"

>

p>

<

p class

="item1"

>

p>

p.item$@3*3 @3 = 從3開始3次

<

p class

="item3"

>

p>

<

p class

="item4"

>

p>

<

p class

="item5"

>

p>

p.item$@-3*3 @-3 = 3次後到3結束

<

p class

="item5"

>

p>

<

p class

="item4"

>

p>

<

p class

="item3"

>

p>

3. 字元操作----------

字元操作:{} a

<

a href

="">click

a>

a>+span

<

a href

="">click<

span

>me

span

>

a>

4. 預設元素----------

.header+.footer --------------- div.header+div.footer

ul>.item*3 -------------- ul>li.item*3

table>.row*4>.cell*3 -------------- table>tr.row*4>td.cell*3

HTML編寫小經驗

在用html hypertext markup language,超文字鏈結標示語言 語言編寫web頁面時,由於所用的web瀏覽器對html支援的程度不同,常常會在html語言的運用上產生一些疑問。在此,將幾點經驗奉獻給大家,以供參考。html中的幾種常用特殊符號 符號 替代指令 小於符號 lt 大...

HTML文件編寫規範

2 根據標記型別,正確書寫標記,單個標記最好在右尖括號前加1個斜槓 如換行標記是單個標記 成對標記最好同時輸入開始標記和結束標記,以免忘記。3 標記可以相互巢狀 也稱為包含 但不能交叉。如 4 在html 書寫時不區分大小寫,如頭部標記寫成,都可以,但建議在同乙個web開發專案保持一種風格,如統一小...

HTML快速入門

html 是用來描述網頁的一種語言。html 指的是超文字標記語言 hyper text markup language html 不是一種程式語言,而是一種標記語言 markup language 標記語言是一套標記標籤 markup tag html 使用標記標籤來描述網頁 html 標籤通常是...