系列文章目录
文章目录
- 系列文章目录
- 前言
- 一、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属性必须有值，且必须加双引号
* HTML注释不能嵌套
3. 常用标签
* 标题标签
* 语法：h1-h6 从大到小 递减
h7、h8这些1，你写了也不会报错，只是不识别
* div标签
* 语法：div
* 作用：无实际意义，布局
* 段落标签
* 语法：p
比如你想h7h8换行，实际上你在源码里面换了也没有，你以为的你以为你以为就是你以为吗？No,html是超文本标记语言
，换行也需要标签来决定，当然你加一个p标签也能换行，直接下一段了
需要注意的问题，我们实际生活中，段落一般前面都空了2格，这里没有空格，你即使在html里面加了空格，在浏览器里面也不会体现出来
这个怎么处理呢？
这里就要说到转义了，你的那两个空格必须转义才行
* 转义字符
转义字符不是标签
语法：以&开头，以；结束
常用
空格： 普通空格 中文空格
大于号：>
小于号：<
版权符：©
有这个版权号，就不用我们自己去P图了
* 列表
* 有序
<ol>
<li></li>
</ol>
* 无序
<ul>
<li></li>
</ul>
