html中tab键的⽤法,利⽤Tab键快速创建html 如何快速创建html模版
输⼊:! 或者 html:5 或者 html:4s 或者 html:4t 将⾃动补全html基本结构
嵌套操作
1.使⽤“>”⽣成⼦元素
// 输⼊
div>ul>li
// 按下TAB键
2.使⽤“+”⽣成兄弟元素
// 输⼊
div+p+bq
// 按下TAB键
3.使⽤“^”⽣成⽗元素
// 输⼊
div+div>p>span+em^bq
// 按下TAB键
4.使⽤“*”⽣成多个相同元素
// 输⼊
div>ul>li*5
// 按下TAB键
5.使⽤“()”将元素分组
// 输⼊
// "+" 后⾯的元素与括号中的第⼀个元素属于兄弟关系
html如何下载div>(header>ul>li*2)+footer>p
//按下TAB键
属性操作
1.id与class:元素与 id 属性值之间⽤ “#” 分隔,与 class 属性值之间⽤ “.” 分隔
// 输⼊
div#header+div.page+div#footer.class1.class2.class3
// 按下TAB键
2.使⽤“[]”标记其他属性
// 输⼊
td[title='hello' colspan=3]
// 按下TAB键
3.⽤“$”符号实现1到n的⾃动编号(“*”实现多个元素) // 输⼊
li.item$*3
// 按下TAB键
可在 “$” 后添加 “@n” 修改编号的起始值为n。
// 输⼊
li.item$@3*3
// 按下TAB键
可在 “$” 后添加 “@-” 修改编号的⽅向。
// 输⼊
li.item$@-3*3
// 按下TAB键
4.⽤“{}”添加⽂本内容
// 输⼊
a[href=me.htm]{click me}
// 按下TAB键

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。