HTML学习笔记
HTML
基本标签
1、<h1>~<h6>标题标签
2、<p></p>段落标签
3、<br>换行
4、<hr>水平分割线
5、<a></a>超链接
（1）属性：
①href：目标URL
外部站点，href = “https://www.baidu.com”
本地站点，href = “/xx/xxxxx/”，绝对路径
本地站点，href = “../xxx/xxx”(上一级) 或者 "./xx/xx/xxx"(当前)
②target：目标窗口
_self，缺省值，在当前窗口打开
_blank，在新窗口打开
③title：鼠标悬停提示
④download：下载链接，不用写属性值
（2）形式：
①外部链接：href = “https://www.baidu.com”
②内部链接：网站内部页面之间的相互链接，直接访问内部页面名称即可，href = “index.html”
③ 空链接：href = "#"
④下载链接：链接地址为一个文件或压缩包，.exe或.zip
⑤网页元素链接：如文本、图像、表格、音频、视频等都可以添加超链接
⑥锚点链接：href = "#top"
⑦邮件链接：href = "malito: xxxx"
6、<img>图像
（1）属性：
①src：图像的路径
②alt：图片不能显示时的文字替代
③title：提示文本，鼠标悬停文本
④border：设置图像的边框粗细
⑤width和height：宽高尺寸设置，一般只修改其中一个
7、列表
（1）有序列表<ul><li>
<ul>标签，只能存放<li>标签
<li>标签，可以存放任何元素
（2）无序列表<ol><li>
<ol>标签，只能存放<li>标签
<li>标签，可以放任何元素
带有自己的样式属性，后面由CSS来设置
（3）自定义列表
常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号
<dl>标签，只能包含<dt>和<dd>，定义描述列表
<dt>标签，可以放任何标签，定义项目/名字
<dd>标签，可以放任何标签，描述每一个项目/名字
8、<table></table>表格
（1）子元素：
①<th></th>：table head 头部单元格，文字加粗并居中显示
②<tr></tr>：table row 行
③<td></td>：table date 单元格
属性 rowspan = “合并单元格个数” ：跨行合并，最上侧单元格为目标单元格
属性 colspan = "合并单元格个数"：跨列合并，最左侧单元格为目标单元格
④<thead></thead>：定义表格的头部，内部必须拥有<tr>标签，一般位于第一行
⑤<tbody></tbody>：定义表格的主体，主要用于放数据本体
（2）属性：
①border：边框，默认“”没有边框。border = “1” 1像素边框
②cellpadding：单元格内容和和边框的间距，默认1像素
③cellspacing：规定单元格行之间的空白，默认2像素
④align：left、center、right，规定表格相对皱纹元素的对齐方式
⑤style = “border-collapse：collapse；” 边框合并
⑥width 规定表格的宽度
9、<form></form>表单
（1）属性：
①action：指定接受并处理表单数据的服务器程序的URL地址
②method：设置表单数据的提交方式，其取值为get 或 post
③name：指定表单的名称，以区分同一个页面中的多个表单域
（2）子元素：
①<label></label>为表单元素添加标签
②<input>创建文本输入框、密码框、单选按钮、复选框等
属性 type = ""
test：默认类型
password：密码类型，加密显示
radio：单选按钮，同一组的name值相同，value值不同，checked默认选中，required必选项
checkbox：复选框，同一组的name值相同，value值不同，checked默认选中，required必填项
email：邮箱输入框
date：日期输入
time：时间输入
submit：提交
reset：重置按钮
③<select></select>下拉列表
子元素：<option value = " "> </option>
属性：multiple多选、selected默认选中
④<textarea></textarea>多行文本框
属性：rows限制多少行
cols限制多少字
（3）组成：
①表单域：包含表单元素的区域，实行用户信息收集和传递
②表单控件（表单元素）：
input输入表单元素
属性：type
name：由用户自定义input元素的名称，单 选按钮和复选框要有相同的name值
value：由用户自定义input元素的值
checked：规定input元素首次加载时默认被选中
maxlength：正整数，规定输入字段中的字符的最大长度
select下拉表单元素
<option></option>子标签：selected=”selected“表示当前项即为默认选中项
textarea文本域元素
定义多行文本的输入
rows 可以显示多少字
clos 限制一行多少字
③提示信息
10、div和span标签
（1）<div></div>
division，表示分区分割，用来布局，一行只能放一个<div>，相当于一个大盒子
（2）<span></span>
表示跨度，跨距，用来布局，一行可以多个<span>,相当于一个小盒子