前端开发的编辑器软件，我首先推荐 VS Code，其次推荐Sublime Text。

 

　　有人说 WebStorm 也不错？但真实情况是，自从VS Code 问世之后，用 WebStorm 的人越来越少了。

 

　　PS：文件的后缀名不能决定文件格式，只能决定打开文件打开的方式。

 

　　详情请移步至：《前端入门到进阶》前端工具，VS Code的使用

 

　　详情请移步至：《前端入门到进阶》前端工具，Sublime Text在前端中的使用

 

　　HTML 全称为 HyperText Markup Language，译为超文本标记语言。

 

　　HTML 不是一种编程语言，是一种描述性的标记语言。

 

　　作用：HTML是负责描述文档语义的语言。

 

　　所谓的超文本，有两层含义：

 

　　（1）图片、音频、视频、动画、多媒体等内容，成为超文本，因为它们超出了文本的限制。

 

　　（2）不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件进行连接。即：超级链接文本。

 

　　HTML 不是一种编程语言，是一种描述性的标记语言。这主要有两层含义：

 

　　（1）标记语言是一套标记标签。比如：标签表示超链接、标签表示图片、标签表示一级标题等等，它们都是属于 HTML 标签。

 

　　说的通俗一点就是：网页是由网页元素组成的，这些元素是由 HTML 标签描述出来，然后通过浏览器解析，就可以显示给用户看了。

 

　　（2）编程语言是有编译过程的，而标记语言没有编译过程，HTML标签是直接由浏览器解析执行。

 

　　HTML 格式的文件是一个纯本文文件（就是用txt文件改名而成），用一些标签来描述语义，这些标签在浏览器页面上是无法直观看到的，所以称之为“超文本标记语言”。

 

　　接下来，我们需要学习 HTML 中的很多“标签对儿”，这些“标签对儿”能够给文本不同的语义。

 

　　比如，面试的时候问你， 标签有什么作用？

 

　　正确答案：给文本增加主标题的语义。

 

　　错误答案：给文字加粗、加黑、变大。

 

　　关乎“语义”的更深刻理解，等接下来我们学习了各种标签，就明白了。

 

　　其中，我们专门来对XHTML做一个介绍。

 

　　XHTML介绍：

 

　　XHTML：Extensible Hypertext Markup Language，可扩展超文本标注语言。

 

　　XHTML的主要目的是为了取代HTML，也可以理解为HTML的升级版。

 

　　HTML的标记书写很不规范，会造成其它的设备（ipad、手机、电视等）无法正常显示。

 

　　XHTML与HTML4.0的标记基本上一样。

 

　　XHTML是严格的、纯净的HTML。

 

　　我们稍后将对XHTML的编写规范进行介绍。

 

　　网页 ：由各种标记组成的一个页面就叫网页。

 

　　主页（首页） : 一个网站的起始页面或者导航页面。

 

　　标记：  比如称为开始标记 ，称为结束标记，也叫标签。每个标签都规定好了特殊的含义。

 

　　元素：比如称为元素。

 

　　属性：给每一个标签所做的辅助信息。

 

　　XHTML：符合XML语法标准的HTML。

 

　　DHTML：dynamic，动态的。合起来的页面就是一个 DHTML。

 

　　HTTP：超文本传输协议。用来规定客户端浏览器和服务端交互时数据的一个格式。SMTP：邮件传输协议，FTP：文件传输协议。

 

　　我们打开 VS Code 软件，新建一个文件，名叫（注意，文件名是，后缀名是），保存到本地。

 

　　紧接着，在文件里，输入，然后按一下键盘上的键，就可以自动生成如下内容：

 

　　上面的内容，就是 html 页面的骨架。我们在此基础之上，新增几个标签，完整代码如下：

 

　　标签写完之后，我们用 chrome 浏览器打开上面这个文件，看看页面效果：

 

　　到此，第一个简单的 HTML 页面就写完了。是不是很有成就感？

 

　　HTML标签通常是成对出现的（双边标记），比如  和 ；也有少部分单标签（单边标记），如：、和等。

 

　　属性与标记之间、各属性之间需要以空格隔开。属性值以双引号括起来。