标签的的书写规范
1.所有的标签都必须在尖括号里，大部分成对出现(开始，结束)。存在单标签
2.标签关系：包含（head,title），并列（head,body）
HTML基本的结构标签（骨架标签）、
1.HTML标签（根标签，最大）
2.head标签
3.title标签（网页标题）
4.body标签（包含所有主体）
HTML常用标签
***标签的语义。根据标签的语义，在合适的地方给一个最合适的标签，可以让页面更清晰（标题标签，段落标签）
1.标题标签（六个等级）<h>：作为标题使用，重要性递减，一个标题独占一行
2.段落标签：分段显示<p>:段落与段落之间有空隙
3.换行标签 强制换行，本身是个单标签，注意段落标签和换行标签应用后，段落间有空隙，而行之间没有
4.文本格式化标签（粗体，斜体，下划线）：突出重要性，比普通的文字更重要
加粗文字或者用<b></b>strong更强烈
斜体<em></em><i></i>em更强烈
删除线张好迪或者用张好迪（del语义更强烈）
下划线张好迪或者张好迪（ins语义更强烈）
5.盒子（布局）标签<div></div>（div间的内容独自占一行）或者<span></span>(span允许放在一 行，多个小盒子放在一行)
6.图像标签：<img>定义html页面中的图像（单标签）
src是<img>的必须属性用于指定图像文件的路径和文件名
图像标签的属性：src，alt（替换），title（提示文本，将鼠标放在图片上显示）,width 图像宽度（像素），height(图像高度)，border（边框，一般通过CSS来设定，不通过属性设定）
<img src="img.jpg" alt="我恁爹" title="我恁爹” width="500", heigth=“500”，border=“15”/>
路径：（1）目录文件夹（存放我们做页面要用的相关素材，html，images）
（2）根目录（打开目录文件夹的第一层）
相对路径：以引用文件所在位置为参考基础，建立的目录路径（图片相当于html页面的位置）
同一级路径：
下一级路径：
上一级路径：(../可以有好多层)
绝对路径：一般是从盘符开始的目标位置（绝对位置）或者是完整的网络地址
7.超文本标签<a>从一个页面链接到另一个页面
<a href="跳转目标" target="目标窗口弹出的方式”>文本加图像</a>
href用于指定链接目标的url地址(必须属性)
target默认为self(在本窗口打开)blank(新窗口)
链接的分类
外部链接：名称a>
内部链接：网站内部页面之间的相互链接，直接链接内部页面名称内部界面a>\
空链接：在没有确定的链接目标时空标签a>
下载标签：href里面的地址是个文件或者是压缩包，会下载这个文件或压缩包
网页元素链接：网页中各元素都可添加链接（音频，图片，文本，表格）
锚点链接：点击链接，可以快速定位到页面中的某个位置
1.第二集</a>a>
2.找到目标位置标签，里面添加一个id属性=刚才的名字<h3 id="two">第二集</h3>h3>
8.注释标签
<!--hai-->
9.特殊字符
空格  
< &it, >>
10.表格标签（展示，显示数据，可读性好）
<table>
<tr>
<td>单元格内的文字</td>
...
</tr>
..
</table>
<tr>表示行<td>用于定义表格中的单元格，嵌套在<tr>
表头单元格标签（加粗居中）<th>姓名</th>
<tr><th>张好迪</th></tr>
表格的属性（后期用CSS方便）对table进行改变
· align(元素的对齐方式：left，right，center)
border（表格单元是否拥有边框，默认为“”没有）
cellpadding（格与内容之间的空白）像素值
cellpacing（单元格之间的空白）
width，height
表格的结构标签<thead><tbody>放在<table>中
<thead>
<tr>
<th>加粗</th>
</tr>
</thead>
11.合并单元格
跨行合并：rowspan=“合并单元格的个数”
跨列合并：colspan=“合并单元格的个数”
书写方式： 在目标单元格上写合并代码
1.跨行：最上侧单元格为目标单元格
2.跨列：最左侧单元格为目标单元格
“书写三部曲“（判断，书写，删除）书写：<td colspan="2"></td>
12.列表标签（用来布局，整齐有序）
1.无序列表<ul>列表内选项用<li>定义,各列表项并列，没有顺序,<ul>中只能有<li>,<li>中可以有所有元素标签
- 列表项1
- 列表项2
2.有序列表（有一定的顺序进行排列）<ol>表示，列表排序用数字来显示<<ol>中只能有<li>,<li>中可以有所有元素标签
- 蔡徐坤
- 陈立农
3.自定义列表（大哥带小弟）常用于对术语名词进行解释描述，列表项前没有任何符号
手机
vivo
小米
（效果有差，CSS解决）<dl><dt><dd>
13.表单标签（收集用户数据信息）常见于注册页面
表单的组成：1.表单域（一个包含表单元素的区域）<form>会把它范围内的表单元素信息提交给服务 器
<form action="url地址(接受并处理数据信息的地址)" method="提交方式（get和post）” name=“表单域名称（区别不同的表单域）”> 各种表单元素控件
</form>
2.表单控件（表单元素,即允许用户在表单中输入或选择的内容控件）
<1><input>用于收集用户信息
<input type="属性值" />
type属性值：
text(用户名：<input type="text">)
password(密码框)
button（点击按钮，用于通过Javascript（js）启动脚本）（免费获取验证码）
checkbox（复选框）（未必有一个选项，可以取消）(爱好：吃饭<input type="checkbox">)睡觉
file（输入字段和“浏览”按钮，供文件上传）
hidden（隐藏的输入字段）
image（图像形式的提交按钮）
radio（定义单选按钮）（必须有一个选项）（性别：男<input type="radio"> 女<input .....>）
reset（重置按钮，会清除所有数据）
submit（提交按钮，将表单发送到后台服务器）
· 属性值：
name属性(自定义，定义input元素的名称)
value属性(自定义，规定input元素的值)
name与value是每个表单元素都有的属性值，主要给后台人员使用
name是表单元素的名字，要求单选按钮和复选按钮要有相同的name值，才能实现只选一个
checked属性（checked，规定此input元素首次加载时应当被选中，主要针对单选按钮和复选框，当页面打开的时候默认选中这个按钮）
maxlength属性（正整数，规定输入字段中的字符的最大长度，一般对输入文本的长度） <2>select下拉表单元素（隐藏展开，节约页面空间）
<select>
<option>河南</option>
<option>湖南</option> .... </select>
注意：selected="selected"表示当前项为默认选项
<3>textarea文本域元素
网站介绍，留言板（用户输入内容较多，定义多行文本输入的控件）
<textarea row="3" cols="20">
文本内容
</textarea>
实际开发不会用此属性，会利用CSS来改变大小
3.提示信息
14.lable标签（为input元素定义标注（标签））
lable标签用于绑定一个表单元素，当点击<lable>标签内文本时，浏览器会自动将焦点（光标）转到或者选择对应的表单元素上，来增强用户体验。
<lable for="sex">男</lable>
<input type="radio" name="sex" id="sex"/> sex自定义