Day1-HTML5介绍

同

学

们

上

课

了

封面只是一个冷笑话

其实一点都不难！

HTML

超文本标记语言

(HyperTextMarkupLanguage)

描述网页的显示内容

注意点：

1）不区分大小写，但是建议小写

2）标记和属性是预定义的

3）HTML 不是一种编程语言，而是一种标记语言 (markup language)

标记、根元素、元素、父元素、子元素、属性、内容

HTML 文档 = 网页

HTML编辑器

文本编辑器：记事本、Edit Plus，Notepadd++，Visual Studio Code

图形编辑器：dw(dream weaver)可拖放

HTML版本/HTML文档的类型：

HMTL第一版->2.0->3.2->4.01(1999)->5(2014)

xhtml: xml和html的杂交品种，也是html的一种版本，但是以xml的格式要求html的书写。

先来安装下软件

（文本编辑器）

（谷歌浏览器）

具体的软件安装包和安装步骤请公众号回复【前端软件】

安装好之后点击以下快捷方式打开

插件点红圈地方搜索安装

那么就开始进入正题：

1.怎么新建一个html文件？

答：【文件】【新建文件】【Ctrl+s】【选择保存路径、输入文件名和保存类型(*.html)】【保存】【进行编辑】。

2.html文件的大体格式是什么？

答：最简单的格式：

解释：

与 之间的文本描述网页；

中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等；

与 之间的文本是可见的页面内容；

HTML 标签是由尖括号包围的关键词，比如 ；

HTML 标签通常是成对出现的，比如 和 ；

标签对中的第一个标签是开始标签，第二个标签是结束标签。

进阶实例：

代码图：

效果图：

title显示效果：

body显示效果：

捷哥相信肯定还有不懂的同学

有什么不清楚的同学尽管在本文章下方留言

好了，快下课了，休息一下，下期回来！

喜欢的同学记得分享给其他同学哦！

（好东西要分享 才会成长）

下期知识点：HTML基本标签

（记得预习哦！）