1.html简介
html是一门标记语言，html标记标签也通常称为html标签
html标签定义：
- 标签是由尖括号包裹着的关键字。
- 通常是成对出现的，包含第一个标签(又称开始标签)和第二个标签(也称结束标签或闭合标签)。
- 也会有单标签，例如：也称作自闭和标签。
- 浏览器不会显示html标签，而是使用标签来解释页面内容。
2.注释
html注释就是在html中对某一块内容的解释，但是不会被浏览器编译。
快捷键： ctrl+？或ctrl+shift+？
3.标签属性
标签的属性提供了有关html元素更多的信息，用来描述某个功能和特征，可分为内置属性和自定义属性。
属性通常表现形式：属性名+属性值，用=连接。
例如：
其中lang是属性键，en为属性值，两者统称为键值对。
一个标签内属性可以是多个的，多个属性之间要用空格隔开。
4.html的基本结构
<!--document type 版本声明 不是标签，而是 一条指令
声明该文档以html5版本去解析 对大小写不敏感 -->
<!DOCTYPE html>
<!-- lang：语言 en：英语 zh：中 -->
<html lang="en">
<!-- 在head里面写的内容在网页都是不可见的，代表网页首部 -->
<head>
<!-- 字符集 utf-8：万国码 为了不乱码 -->
<meta charset="UTF-8">
<!-- 此内容在页卡显示 -->
<title>Document</title>
</head>
<!-- body是可视区域 -->
<body>
</body>
</html>
5.标签的关系和常用标签
标签的相互关系分为两种：
- 嵌套关系（包含关系）
<!--
div元素是p元素的父元素
p元素是div元素的子元素
div元素是span元素的祖先元素
span是div的后代与元素
-->
<div>
<p>
<span></span >
</p>
</div>
- 兄弟关系（并列关系）
<!--
head是body的上一个兄弟元素
body是head的下一个兄弟元素
-->
<head></head>
<body></body>
标题快捷键： h${$级标题}*6
段落标签： p+enter双击
换行标签： br+enter双击
分割线标签： hr+enter双击
注意：
- h1一般在logo部分使用，所有的样式都是由css控制，所以不要因为标题标签特有的样式去选择使用。
- 一般不要跨级使用。
- 一般只用到h1-h3。
- 快捷键h$[]*6要学会灵活使用。
6.a超链接
<a href=""></a>
href属性值：
- 直接写一个路径（线上或者本地）
- “#” 回到顶部
- 锚点跳转 #+id值，在你想去的点的目标标签身上加上id属性，属性值随便取，不要数字开头，不要中文
- 禁止跳转 ：Javascript:;
- target属性
- _blank：新窗口打开
- _self：当前页窗口打开
<a href="http://www.baidu.com" target="_blank">click me(新页面打开)</a>
<a href="http；//www.baidu.com" target="_self：当前页窗口打开">click me(当前页面打开)</a>
<a href="4标签的关系及常用标签.html">click me</a>
<a href="#">回到顶部</a>
<a href="#here">跳转</a>
<a href="Javascript:;">禁止跳转</a>
<p id="here">
zzzzzzzzz付款时他让老板就用这两台点钞机点钞，两台点钞机都报出了准确的数字，他认为语音功能还不错，<br> 但没看出什么智能来，老板说你以后用就知道了，
<hr> 他付完款后把点钞机放到车后座，开车回公司。
</p>
7.img标签
<img src="" titlle="" alt="">
- 两种填地址方式：
-
- scr属性值填线上地址
-
- scr属性值填本地地址（当前文件和目标文件如果处在同级的情况下，直接写目标文件的文件名）
- title属性：鼠标跟随效果，会显示引号内文字。
- alt属性：当scr属性值加载失败的时候，alt属性值展示。
