1.基本结构标签
<html>
<head>
<title></title>
</head>
<body>
内容部分
</body>
</html>
基本框架为根标签、头部、标题、主体
此框架为html基本框架，html中大部分都是双标签，单标签只有个别。
2.常用标签
2.1 标题标签
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
·····
<h6>六级标签</h6>
标题标签共有六种
加标题文字加粗
字号变大
逐渐递减
一个标题独占一行
2.2 段落和换行标签
<p></p>
<br>
文本在一个段落中根据窗口的大小自动换行
段落与段落之间保有空隙
换行标签 为单标签，在要换行的文字后添加进行换行
2.3 文本格式化标签
<strong></strong>或<b></b> 加粗
<em></em>或<i></i> 倾斜
<del></del>或<s></s> 删除
<ins></ins>或<u></u> 下划线
前者预语气强于后者，从上到下依次为加粗、倾斜、删除、下划线
2.4 div和span标签
<div></div>
<span></span>
div标签一次只能放一个，大盒子，独占一行
span标签一行可以放多个，小盒子
2.5 图像标签
<img src="图像文件的路径和文件名"/> 基本框架
1）图像标签是单标签
2）src是< img >的必须属性，指定图像文件的路径和文件名
3）除了src外，图像标签还有其他种类，分别为
alt 替换文本，图像不能显示的文字
title 提示文本，鼠标放上现实的文字
width 设置宽度，设置宽度后，长度会按照等比例变化
height 设置高度
border 设置边框粗细
（属性放在标签内，空格隔开）
2.6 路径
1、相对路径
（1）同一级，直接写文件名
（2）下一级，文件夹名/文件名，例如
（3）上一级，
2、绝对路径
（1）网页图片地址
（2）图片在带电脑的位置
2.7 超链接标签
从一个网页链接到另一个页面
1、语法格式
<a href="跳转目标" target="弹出方式">文本、图像</a>
属性：
href：（必须属性）用于指定链接目标的url地址
target： self 默认值 ，blank 在新窗口打开
链接分类
1、外部链接
<a href="http://www.baidu.com">百度</a>
2、内部链接
<a href="index.html">首页</a>
3、空链接
<a href="#">首页</a>
4、下载链接
href 中加入一个文件的安装包或者压缩包
5、网页元素链接
可在文本，图像，表格，视频等加入超链接
6、锚点链接
<a href="#two">第二集</a>
<h3 id="two">第二集介绍</h3>
由第二集跳转至第二集介绍
2.8 注释
<!--注释语句-->
注释语句
快捷键：ctrl+/
2.9 特殊字符
" " 空格符  
"<" 小于号 <
">" 大于号 >
3.结构标签
3.1 表格的基本语法
<table>
<tr> /*定义行*/
<td>单元格内的文字</td>
</tr>
</table>
1、 < table>< /table>是用户定义表格的标签
2、 < tr>< /tr>用于定义行
3、 < td>< /td>用于定义表格中的单元格
3.2 表头单元格标签
<tr>
<th>姓名</th>
<th>班级</th>
</tr>
一般位于表格第一行或者第一列，加粗居中显示
3.3 表格属性 （放在table标签里面）
属性名 属性值 描述
align left\center\right 表格相对元素对齐方式
border "/"或" " 是否拥有边框，默认为" ",表示无边框
cellpadding 像素值 规定单元边沿与其内容间的黑白默认像素
cellspacing 像素值 规定单元格之间的黑白
width 像素值或百分比 规定表格的宽度
3.4 表格结构标签
<table>
<thead>
<tr><th>内容</th></tr>
</thead>
<tbody>
<tr><td>内容</td></tr>
</tbody>
</table>
< thead>表格的头部区域
< tbody>表格的主体区域
3.5 合并单元格 （放在td标签中）
三部曲：
1、先确定跨行还是跨列合并
2、找到目标单元格，写上合并方式=合并的单元数量
例如：< td colspan="2"> < /td>
3、删除多余的单元格
跨行合并：rowspan="合并单元格数量"
跨列合并：colspan="合并单元格数量"
4.表单标签
4.1 表单域
<form action="url地址" method="提交的方式" name="表单域的名称">
各种表单元素控件
</form>
此处在html基础中不做研究，在前端的日后学习中将会深度学习
4.2 表单控件（表单元素）
<input type="属性值"/>
属性值 作用
hidden 定义隐藏的输入字段
text 定义单行输入字段，用于输入文本
password 定义密码字段，字符将被掩盖
radio 定义单选按钮
checkbox 定义复选框
submit 定义提交按钮
reset 定义重置按钮
button 定义可点击按钮
file 供文件上传
除了type外，input还有其他的属性
name 定义input名称
value 定义input值
checked 规定默认选中
maxlength 规定字符的最大长度
注意：
1）name和 value给后台人员使用；
2）单选和复选框要有相同的 name值；
3）checked 主要用于单选和复选框；
4）maxlength 一般使用较少；
5）name和 value在每一个表单中都需要有；
4.3 label标签
用于加强用户的体验
<label for="sex">男</label>
<input type ="radio" name="sex" id="sex"/>
核心：label的for应当对于相同元素的id属性
4.4 select列表元素
用于定义下拉列表
<select>
<option> </option>
<option> </option>
<option> </option>
</select>
1）select中至少含有一对option
2）option中定义select=”select“时，即表示默认选中项
4.5 表单标签 textarea
常用于留言板，评论，输入内容较多
<textarea row="3" cols="20">
文本内容，可写较多内容
</textarea>
可创建多行文本输入框
cols=”每行中的字符数“ （实际开发是不使用，都用css改变大小）
rows=”显示的行数“
5.列表标签
5.1 无序列表
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
1、各个表格项之间没有顺序级别之分，是并列的
2、在 ul中只能嵌套 li，不可直接在 ul输入元素
3、在 li可容纳任何元素
5.2 有序列表
各个列表项按照顺序列表
<ol>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ol>
5.3 自定义列表
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
</dl>
