一、标签分类
1、自闭合标签(可加一个/进行区分)
如<meta>标签
2、主动闭合标签
如<title> </title>标签
3、块级标签
如<div>标签
4、行内(内联标签)
如<span>标签
ps:可通过浏览器的"审查元素"功能查看标签是块级标签还是行内标签。
二、 <head>内标签
1、<meta>
实现编码,跳转、刷新、关键字在、描述、IE兼容等功能
- 刷新和跳转
<meta http-equiv='Refresh',content='5',url='...'>(5秒后刷新及跳转)
2、<title>
显示标题
三、body内标签
1、<input>系列(通过value获取其中的值)
属性type:
a 、text文本
b、password密码
c、button按钮,可通过onclick等方式实现调用JavaScript函数
d、submit提交
e、file可选择并上传文件
f、radio单选框(默认选择:checked='checked')
使各选项的name属性相同以实现互斥;
g、CheckBox复选框(默认选择:checked='checked')
多选,后台返回的结果是列表;
h、reset重置
i、textarea多行文本
<textarea>(中间可填写默认数据)</textarea>
j、select下拉框(默认选择:selected='selected')
<option>选项
多选:multiple='multiple';
2、<form>表单标签
可将<input>系列等标签放入表单中提交
提交方式:method='post/get',action='...'提交的url
a、post
请求内容不在URL中显示,在请求包中;
b、get
请求数据在url中;
3、<a>标签
a、href:跳转地址;
b、target:在target页中打开href(如空白页blank)
c、锚(实现页面内跳转)
根据标签id跳转(href='#i1')
四、图片和表格
1、图片(<img>标签)
a、<img src='...'>可通过设置样式调整图片大小
b、可将<img>包含在<a>标签内实现图片链接
c、img属性:
title 将鼠标放在图片上显示图片名;
alt 无图片也可显示东西;
2、列表
a、无序列表
<ul>
<li>...</li>
...
</ul>
b、有序列表
<ol>
<li>...</li>
...
</ol>
3、表格
a、可通过border属性设置边框;
b、表头标签<thead>
行<tr>
列<th>
c、内容标签<tbody>
行<tr>
列<td>
d、合并单元格
行:<td colspan='2'>
列:<td rowspan=2'>
五、<label>标签
将for属性的值设置和input的id属性的值一样可将两者关联起来(点击label可在输入框中键入光标)