web前端|html教程
说一个Sublime Text 2插件、emmet（原名：zen Coding)
web前端-html教程
工具/原料
云监控 源码,vscode下载的是zip,ubuntu bios关闭,tomcat 跳转维护页面,农村爬虫图片,运行php出现no,建阳区正规seo哪家好,如何用DianCMS发布网站,灯具网站模板lzw
sublime Text 2
java内核源码下载,怎么把vscode改成英文,ubuntu做集群,tomcat建项目吗,爬虫while语句,社团管理系统php,如何快速成为资深seo,谷歌网站地图生成器,国外黑色简洁图片dedecms模板lzw
安装emmet插件
dsdv协议源码,vscode运行按什么键,ubuntu 主板,tomcat日志不全,得力sqlite,4页网页设计,织梦 连接数据库失败,独立游戏服务器,易语言对象调用大漠插件,iot前端框架,爬虫反爬,php7教程,迪庆SEO,编程springboot语言,table 标签,响应式视频网站,网页游戏架设视频教程,bootstrap移动端兼容性最好的模板,phpweb后台地址,手机下载页面源码下载,简单 仓库管理系统 源码,.net点餐程序报告lzw
方法/步骤
生成html文档初始结构：
!
html:5
html:xs
html:4s
生成带有id,class的标签：
Emmet默认标签是div
#id
p#id
h1#id
span#id
.class
p.class
h1.class
span.class
输入多个class 添加两个.class1.class2
.class1.class2
语法：
语法：
>：生成后辈
div>span>p>h1
+：生成同辈
div+span+p+h1
^：生产叔辈
div>span>p^h1
*：生成重复多分
ul>li*3
：生成分组
ul>(li.li_1*3)+(li.li_2*3)
[attr]:生成属性
a[href=index.html title=index]
input[type=button]
input[type=submit name=submit]
$：生成编号 $的个数就是数字的个数 @指定开始的数字 @?倒序
ul>li.li_$*3
ul>li.li_$@0*3，
ul>li.li_$@-*3
{}:生成内容
p{$}*3
1
2
3
a[href=index.html]{click}+a[href=test.html]{mouseover}
click
mouseover
高级：
Lorem*: 生成测试文本，*表示0-无限个 默认30个单词
p>lorem2
Lorem ipsum.
p>lorem4
Lorem ipsum dolor sit.
p>lorem6
Lorem ipsum dolor sit amet, consectetur.
p>lorem
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, delectus nostrum pariatur accusamus necessitatibus maiores ut natus id sit ab vel assumenda ratione harum quas adipisci eveniet temporibus praesentium ducimus!
套接作用
全选后，ctrl+shirt+g,输入div.demo1>h1{test1}+div.test2
test1
文本转换成html标签
1.小学生
2.中学生
3.大学生
4.研究生
5.博士生
全选后：Ctrl+shift+g 输入:ul>li*>a
1.小学生
2.中学生
3.大学生
4.研究生
5.博士生
去除所有序号
ul>li*>a|t
小学生
中学生
大学生
研究生
博士生
