HTML入门

使用Emmet快速书写HTML代码

此课程是收费课程,请先购买或加入会员后再访问。

我们平时工作,书写HTML代码,根本就不会这样一个个标签的写。基本都会用Emmet这个编辑器插件来书写了。

例如我想写一个HTML的基础格式,那我只需要写一个 !,然后按tab键。这样所有的基础格式自动就全部出来了。怎么样很神奇吧。当然这个功能,你还得和我一样用的WebStorm,其他的编辑器,就需要自己集成这个插件了。

下面我和大家介绍一下,最常用的Emmet快速书写HTML方法

子元素: >

div>ul>li
<div>
    <ul>
        <li></li>
    </ul>
</div>

同辈

div+p
<div></div>
<p></p>

多个

ul>li*5
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

嵌套的多个

ul>(li>a)*5
<ul>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
</ul>

我工作最常用的也就是这些了,但这并不是所有的。如果你想学习更多Emmet的写法,请看Emmet官方文档,里面有详细的介绍,代码拿去一跑,相信你都会搞明白了。

好的,讲到这一集,已经是所有HTML入门课程的内容了。HTML是所有编程学习的基础中的基础,一定要好好学会哦。感觉都掌握后,欢迎继续学习我制作的CSS入门课程。


现在就注册ITFun.tv会员
持续关注IT界最新技术,随时更新相关课程。在线学习IT课程或直接报名参加线下武汉PHP、Web前端培训。

仅仅30秒钟就可以简单注册

会员注册(免费)
×