HTML的基本概念
1.什么是HTML？
HTML是一种创建网页标准的超文本标记语言。
2.HTML的基本框架是什么？
<!DOCTYPE html> 网页的类型声明
<html>
<head lang="en"> 网页的语言类型
<meta charset=UTF-8> 浏览器的编码格式
<title>xxxxx<title> 网页的标题标签
<head>
<body>
xxxxxxxxx 网页的内容
<body>
<html>注：
①浏览器默认的编码格式是UTF-8。
②浏览器默认的渲染格式为从左到右，从上到下。
3.HTML的书写格式。
HTML文档由html元素来定义，html用<html></html>/</html>来书写。
前者标签有开始和结尾，说明标签有内容；后者标签开始也是结束，说明标签无内容。
HTML的标签
1.HTML标签的分类。
<1>HTML标签按照换行与否可分为
(1)行级元素(内联元素)→不换行
(2)块级元素→换行（默认大小是父容器的100%）
如何区分行级元素和内联元素？
因为浏览器默认会给元素添加css样式，样式里面自带display:block(默认块级元素)；反之则为行级元素。
<2>HTML标签按照标签写法可分为
（1)自闭和<html></html>
（2)完全闭合<html/>
2.标签的种类。
<1>标题标签
h标签（h1-h6）写作<h>【块级标签】
特点：换行，相对普通文字来讲字体加粗，且字体大小由大到小，标签之间存在默认的上下间距。
<2>段落标签
p标签【块级标签】
作用：将文档分段。
属性：文本对齐方式
align="center" left/center/right
<3>水平线标签
<hr/>标签【块级标签】
特点：画线。
<4>强制换行标签
<br/>标签
作用：强制换行。
<5>文本格式化标签
(1）b标签/strong标签【行级标签】
作用：文本加粗。
(2）i标签/em标签【行级标签】
作用：字体倾斜。
(3）small标签【行级标签】
作用：字体小号。
(4）del标签【行级标签】
作用：添加删除线
(5）ins标签【行级标签】
作用：插入文字，添加下划线。
(6）sub/sup标签【行级标签】
作用：添加上下标。
(7）code标签【行级标签】
作用：防止代码。
(8）pre标签【块级标签】
作用：按照原样输出到网页。
<6>超链接标签
a标签【行级标签】
作用：跳转页面。
属性：（1）href=""
href的两种写法：远程路径或者相对路径（相对当前项目文件的路径）
相对路径的写法：
①直接写。（意味着同级目录）
② .(一个点代表向外跳转一级)
href="#" 默认跳转当前页面
(2）target _blank 重新打开一个选项卡。
(3）使用a链接做锚标记。
<a href="#xxx">xxxx</a>随便一个标签的id属性来做，也可以是a链接的name属性。
<7>图像标签
img标签【行级标签】
作用：用来显示图片。
属性：
src="" 当前图片的路径（可远程可相对）；
alt="" 图片加载失败的时显示的信息；
title="" 标题信息；
width="" 设置图片的宽；
height="" 设置图片的高；
align="" 文本对齐。
<8>列表标签
(1）ul 标签：无序列表
(2） ol 标签：有序列表
属性 ： type="" 可以修改序号。
(3） li标签 ：显示内容。
(4）自定义标签
dl 标签：类似ul/ol。
dt 标签：相当于li。
dd标签：列表内容。
<dl>
<dt>列表项</dt>
<dd>列表内容</dd>
</dl>
注：
有序列表可以和无序列表嵌套使用。
<ul>
<li>XX
<ol>
<li>XX</li>
<li>XX</li>
</ol>
</li>
<li>XX
<ol>
<li>XX</li>
<li>XX</li>
</ol>
</li>
<li>XX
<ol>
<li>XX</li>
<li>XX</li>
</ol>
</li>
</ul><9>区块元素
(1）div【块级元素】
搭配别的元素使用，主要用于网页的构建。
(2）span【行级元素】
主要用来放文字。
<10>table表格元素
table 标签： tr td/th（居中加粗）【块级元素】
属性：
caption：设置表头。
border ：控制表格的边框宽度。
cellspacing="0":设置为0 ,合并列间距。
width ：设置表格的宽。
align：设置表格文本格式。（left/center/right）
bgcolor：设置背景颜色的网页的颜色值。
rowspan ：跨行。
colspan ：跨列。
<11>表单标签以及表单元素对象标签
(1）form表单标签：允许用户输入信息提交到服务器地址。
属性：
action="" ：提交到后台的服务器路径。
method="" ：表单提交方式。
①get ：显式提交。
优点：数据量大，不安全
②post ：隐式提交 。
优点：安全，数据量较小。
（get post put delete insert update）
(2）form表单对象元素
input标签【行级块】
注：
type属性是决定input标签的类型的。
<input/> 没有写type属性 ，则默认是单行文本框。
①单行文本框
type="text" value="" ：设置元素的值。
maxlength="" ：设置最大的输入长度。
disabled ：添加之后文本框变成不可用。
placeholder=“” ：智能提示。
②密码框
type="password" ③单选按钮
type="radio"属性：checked ：默认选择
注：
单选按钮做多选一标签具有相同的name就可。
④.复选框
type="checkbox"⑤文件资源管理器
<input type="file"/>
属性：
multiple ：多选。
accept=".mp3,.mp4,.wmv" ：限制文件格式。
⑥按钮
button标签
type属性
button（普通按钮）， reset(重置按钮) ， submit(提交按钮) 。
重置和提交只有在form表单中有效。
<input type="reset" value="取消"/><button type="reset">按钮</button>
<input type="submit" value="注册"/><button type="submit">按钮</button>⑦下拉菜单
select 标签。
<select>
<option>——请选择——</option>
<option value="0">xx</option>
<option value="1">xx</option>
<option value="2">xx</option>
<option value="3">xx</option>
</select>注：
option标签是select标签的子集 ，vlaue 为当前项的值。
⑧多行文本框
<textarea></textarea>
属性：
placeholder="请输入...."
rows="" 多少行 。
cols="" 多少列。
⑨Iframe框架标签
作用：做小型的企业系统。
属性： src ：嵌入的路径 。
<iframe src="https://www.baidu.com"></iframe>⑩lable标签
作用:用来备注input 的在表单内 for 绑定当前的input 绑定的是input的id值。