系列文章目录

文章目录

• ​​系列文章目录​​
• ​​前言​​
• ​​一、HTML​​
• ​​二、HelloWord​​
• ​​二、HTML语法​​

• ​​1. 网页组成部分​​
• ​​2. HTML语法​​
• ​​3. 常用标签​​

前言

一、HTML

什么叫超文本，就是超出文本以外，可以包含图片、链接、甚至音乐、视频等等

HTML为什么不是编程语言，因为它不需要编译，写好直接就能用，为什么，因为各个浏览器内核都支持HTML代码

二、HelloWord

不管我们写什么或者学什么，第一次写，可能不理解理解，最重要的是写出来，不管你用什么方式，先写出来再说，有些理解可能需要一个过程

结构就像人的身体一样，头在上，身体在下

注意.html可以省略，系统会自动加上

注意，这样是不对的，应该像下面这样，用浏览器打开

如果我们不想用这个浏览器，可以用程序员的标配，‘谷歌浏览器’

r如果没有的话，可以在这设置

二、HTML语法

1. 网页组成部分

* 结构html:Hyper Text Markup Language,超文本标记语言
* 表现css：Cascading Style Sheets,层叠样式表
* 行为javaScript(jQuery)
* 一个良好的网页，需要结构表现行为，解耦。

2. HTML语法

* HTML有两种标签，一种叫有开始有结束的标签，另外一种叫自结束标签<br/>
写的时候能提示出来的肯定是有开始有结束的标签
* HTML标签不区分大小写
*

* HTML标签可以嵌套，但不能交叉嵌套

上面这个浏览器帮你调整回来的原因是因为，浏览器实际上有一定的容错能力，在一定的错误范围内，它是可以帮你修改成正确的

但是标签的交叉嵌套语法上还是错误的，要避免

* HTML标签必须正确关闭
如果你不关

* HTML属性必须有值，且必须加双引号

![在这里插入图片描述](https://img-blog.csdnimg.cn/20201125180041738.png#pic_center

如果没有值

* HTML注释不能嵌套
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201125180611274.png#pic_center)

3. 常用标签

* 标题标签
  * 语法：h1-h6  从大到小 递减

h7、h8这些1，你写了也不会报错，只是不识别

* div标签

* 语法：div

* 作用：无实际意义，布局

* 段落标签

* 语法：p

比如你想h7h8换行，实际上你在源码里面换了也没有，你以为的你以为你以为就是你以为吗？No,html是超文本标记语言

，换行也需要标签来决定，当然你加一个p标签也能换行，直接下一段了

需要注意的问题，我们实际生活中，段落一般前面都空了2格，这里没有空格，你即使在html里面加了空格，在浏览器里面也不会体现出来

这个怎么处理呢？

这里就要说到转义了，你的那两个空格必须转义才行

* 转义字符
转义字符不是标签 
语法：以&开头，以；结束
常用
 空格： 普通空格   中文空格

大于号：>
 小于号：<

版权符：©

有这个版权号，就不用我们自己去P图了

* 列表
  * 有序
    <ol>
      <li></li>
    </ol>
  * 无序
    <ul>
      <li></li>
    </ul>