版权声明：本BLOG上原创文章未经本人许可，不得用于商业用途及传统媒体。网络媒体转载请注明出处，否则属于侵权行为。 https://blog.csdn.net/leishao_csdn/article/details/73718874
Html基本介绍
1.开发网页的结构
- Html: 负责网页的结构
- Css: 站在美学的角度进行美化
- JavaScrip: 站在用户体验的角度设计网页的交互效果
- Node.js: 能够前后端通吃
2.Html
2.1 html是什么
html是超文本标记语言(HyperText Markup Language)。
核心词
- 文本：txt文本
- 超文本：文本、图片、链接、音乐。程序……
- 标记：也叫标签，
<html>单标签。<meta>、<html></html>双标签 - 运行环境：浏览器（浏览器是打开网页的，在浏览器中我们见到的所有网页本质上都是一个文本，而这文本又称为html）
注意
- w3c是万维网，要考虑兼容性的处理。
- html不是一门编程语言，只是一门标记语言，类似与工具一样的东西。
- 后缀名：htm或html；htm比较老的教科书里面的后缀htm。
- htm文件不完整的支持html5的语法。
2.2 subline插件的安装
ctrl + shift + p 输入 install 选择 install package
在新的输入框中输入emmet ，选择即可。
2.3 html5文档结构说明
html5文档声明头，想要完整的使用html5语法，必须使用文档声明头，声明当前文件是html5文件。
<html></html>
双标签，定义文档内容的结构，所有的html文档的内容都需要写在这对标签内部。
<head></head>
头部，通常情况下，里面写的内容对于当前网页的一些预定义信息设置。
<body></body>
身体，网页里面要显示给用户看到的内容，全部写在body里。
2.4 网页预定义信息
<meta charset = "UTF-8">
设定当前网页的编码格式，meta标签式一个单标签，通过charset属性，将其属性值设置在需要的编码，即可为当前网页设置编码格式。
seo优化
百度会对收录的所有网站有一个评分系统，评分越高，越靠前。
<link rel ="stylesheet" href ="style.css">
引入外部的css文件
<title>网页标题</title>
通常情况下，title要放在meta字符集设置的下面，防止出现乱码
<script src = "01.js"></script>
引入外部的js脚本文件，都需要注意的是，两个script标签中间不能存在任何内容，换行都不可以。
2.5 常用的标签
<hr>换行分割线<br>换行<h1>-<h6>多级标题<!---->注释
注意：在html中，一些不太明显的标签我们可以用来做挂件。
扫描二维码关注公众号，回复：
3916172 查看本文章
