HTML笔记：
基础知识：
常用的浏览器有IE，火狐，谷歌，Safari和Opera。
浏览器内核：
浏览器内核分为两部分，渲染引擎（layout enginner 或者Rendering Engine）和JS引擎。
渲染引擎：
它负责去的网页的内容（HTML，XML，图像等等），整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核不同对于网页的语法解释会有不同，所以渲染的效果也不同。
JS引擎：
是用来解释JavaScript语言，执行JavaScript语言来实现网页的动态效果。
WEB标准：
主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。
结构标准：结构用于对网页元素进行整理和分类，如HTML。
表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。
行为标准：行为是指网页模型的定义及交互的编写，如 Javascript
HTML标签：
1.HTML标签：
作用所有HTML中标签的一个根节点。 最大的标签 根标签
2.head标签： 文档的头部
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
注意在head标签中我们必须要设置的标签是title
3.title标签： 文档的标题
作用：让页面拥有一个属于自己的标题。
4.body标签：文档的主体
以后我们的页面内容 基本都是放到body里面的body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等
5.双标签:
<></> 又开始标签和结束标签
6.单标签:
< /> 单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。
7.HTML标签关系：嵌套关系，平行关系
嵌套关系如：<head> <title> </title> </head>
平行关系如：<head></head>
<body></body>
8.文档类型：
<!DOCTYPE html>是相浏览器说明当前使用的那种HTML或XHTML规范。（向下兼容）
9.字符集：
<meta charset="UTF-8" />通常指定为此编码，因为它包含了全世界所有国家所用到的字符。
还有其他编码：
gb2312 简单中文 包括6763个汉字
BIG5 繁体中文 港澳台等用
GBK包含全部中文字符 是GB2312的扩展，加入对繁体字的支持，兼容GB2312
10.HTML标签的语义化：
指标签的含义。
语义化的意义：
1. 方便代码的阅读和维护
2. 同时让浏览器或是网络爬虫可以很好地解析，从而更好分析其中的内容
3. 使用语义化标签会具有更好地搜索引擎优化
11.HTML常用的标签：
标题标签:<h1><h2><h3><h4><h5><h6> 依据重要性递减
段落标签：<p></p> paragraph:段落 一个段落一般会根据浏览器窗口大小自动换行。
水平线标签:<hr/> horizontal:横线
换行标签：<br/> break:打断，换行 在任意一行某个位置进行强行换行
div span:没有语义，是网页中布局主要的两个盒子
div:division:分割，分区的意思
span:跨度，跨距，范围
文本格式化标签：
b i s u 只有使用 没有 强调的意思
strong em del ins 语义更强烈
strong：加粗 耳麦：斜体 del:删除线（ 原价： 1888） ins:下划线
12.标签属性：
格式：<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>
语法规则：
1.标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
3.任何标签的属性都有默认值，省略该属性则取默认值。
13.图像标签：
HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签，其属性和基本语法格式如下：
src:用于指定图像文件的路径和文件名，是img标签的必须属性。
title：是鼠标滑到图片时现实的文字
alt:但图片找不到的替代的文本
14.链接标签：
点击后执行跳转的标签。
属性有href:用于指定链接目标的URL地址，target：用于指定页面打开的方式，取值有_self为默认值，即当前窗口跳转；_blank为在新窗口打开。
注意：
1.外部链接 需要添加 http:// www.baidu.com
2.内部链接 直接链接内部页面名称即可 比如 < a href="index.html"> 首页 </a >
3.如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接。
4.不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。
全局链接跳转方式设置：<head> <base target="_blank" /> </head>
15.锚点定位：
通过创建锚点链接，用户能够快速定位到目标内容。
创建锚点链接分为两步：
1.使用“a href=”#id名>“链接文本"</a>创建链接文本（被点击的）
<a href="#two">
2.使用相应的id名标注跳转目标的位置。
<h3 id="two">第2集</h3>
16.路劲问题：
实际工作中，通常新建一个文件夹专门用于存放图像文件，这时再插入图像，就需要采用“路径”的方式来指定图像文件的位置。
路径可以分为相对路径和绝对路径。
相对路径：以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。
例如下面情况：
1. 图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如<img src="logo.gif" />。
2. 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如<img src="img/img01/logo.gif" />。
3. 图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如<img src="../logo.gif" />。
绝对路径：绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的
17.表格标签：
表格主要包括：头部，主体，页脚（有兼容性问题，一般不使用）
<thead></thead>：用于定义表格的头部。必须位于<table></table> 标签中，一般包含网页的logo和导航等头部信息
<tbody></tbody>：用于定义表格的主体。位于<table></table>标签中，一般包含网页中除头部和底部之外的其他内容。
表格标题：<caption /> caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
跨行合并：rowspan 跨列合并：colspan
1. 表格提供了HTML 中定义表格式数据的方法。
2. 表格中由行中的单元格组成。
3. 表格中没有列元素，列的个数取决于行的单元格个数。
18.表单标签：
表单构成：表单控件（表单元素），提示信息，表单域。详细介绍如下：
表单控件：
包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
提示信息：
一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。
表单域：
他相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服。务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。
19.input控件：
来源：CSDN
作者：我来到你的城市
链接：https://blog.csdn.net/qq_40005658/article/details/83277894