二、HTML基础

1、纯文本

纯文本：只包含文字。

最简单的案例：记事本。txt是text的缩写。

可以通过改变扩展名来更改文件类型。

txt只保存文字的内容，不保存文字的样式。

Txt文件样式设置之后，只是一个本机显示状态，不会保存在文件里，其他计算机查看时，就是默认显示状态

我们所学习的html css js 都是纯文本文件。

纯文本文件都能用纯文本文件编辑器进行编辑。（记事本、editplus、notepad++等）

常用软件有：

VSCode
Dreamweaver
Sublime      高效率程序书写工具
Webstorm     高级项目编程工具
……

2、HTML基本概念

HTML：hypertext markup language 超文本标记语言

作用：制作网页页面，负责描述文档语义的语言。

HTML使用文本给普通文本添加语义，超文本在浏览器里不会显示。

3、sublime

快捷键：

HTML：xt	点击tab或ctrl+e	自动生成HTML结构
标签名	tab	自动生成标签
h$*数字	tab	生成h1到h数字的标签
p{$}*数字	tab	生成多个p标签，文本内容从1开始自动填充
标签名*数字	tab	生成数字多个的同一个标签
Ctrl+滑轮滚动	放大缩小文字
按住滚轮拖动	选中多行，一起进行编辑
Ctrl+shift+d	复制光标所在行
Ctrl+shift+k/ctrl+x	删除光标所在行
Ctrl+shift+↑	上移当前行
Ctrl+shift+↓	下移当前行
Ctrl+/	添加注释

代码书写时，所有标签及符号都是都是在英文状态下的。

ul>(li>img[src="images/lunbo/$.jpg"])*7

按tab键:

<ul>
    <li><img src="images/lunbo/1.jpg" alt=""></li>
    <li><img src="images/lunbo/2.jpg" alt=""></li>
    <li><img src="images/lunbo/3.jpg" alt=""></li>
    <li><img src="images/lunbo/4.jpg" alt=""></li>
    <li><img src="images/lunbo/5.jpg" alt=""></li>
    <li><img src="images/lunbo/6.jpg" alt=""></li>
    <li><img src="images/lunbo/7.jpg" alt=""></li>
</ul>

li>img[src="images/mingxing/$@0.jpg"]*9

按tab键:

<li>
    <img src="images/mingxing/0.jpg" alt="">
    <img src="images/mingxing/1.jpg" alt="">
    <img src="images/mingxing/2.jpg" alt="">
    <img src="images/mingxing/3.jpg" alt="">
    <img src="images/mingxing/4.jpg" alt="">
    <img src="images/mingxing/5.jpg" alt="">
    <img src="images/mingxing/6.jpg" alt="">
    <img src="images/mingxing/7.jpg" alt="">
    <img src="images/mingxing/8.jpg" alt="">