chevron_left

HTML 入门
已发布
第 6 回

课程讲义

HTML 入门 - 使用 Emmet 快速书写 HTML 代码

2023年11月13日
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></l...
请登录后查看更多expand_more

课程介绍

HTML中文全名叫做超文本标记语言。看到这个说明，对我们初学者来说，也依然完全不知道说的啥玩意。 那我简单的解释一下，其实你所看到的所有网页，都是由HTML构成的。

HTML其实就是由一些有特殊意义代码，这些代码甚至都不是任何编程语言。这些特殊的代码我们叫做标签。它真的非常的简单，相信我，只要跟着我一步步学，只要不真是个大傻子，我都绝对有把握把你教会。

所以，网站开发的本质其实就是编写HTML标签。无论你将来后端想学PHP、Ruby、Python、Node、Java、.Net都好，HTML都是基础中的基础，绝对必修的内容！书写的这些HTML标签通过浏览器，就可以转换翻译成用户可以看得懂的、展现丰富的页面了。

课程中，没有讲到HTML的所有标签，但所讲的是HTML中最最最常用的标签。等你实际工作了，你会发现。其实平常写来写去，所用到的也就是课程中所讲的这点内容。

内容索引

适合这样的人

此课程适合所有人学习。你不需要有任何编程相关的基础，也不需要你是相关专业的，只要有兴趣学，那就足够了。

授课老师