一，结构标签
这一段主要介绍header,footer,nav,hgroup,section,article,aside,另外介绍blockquote和pre
header,footer,nav,hgroup,section,article,aside,与div功能一样，有区别的只是命名不同，相当于给盒子不同的涵义，所以用一个图就可以很容易地了解到这几个标签的涵义。
值得注意的是hgroup有点目录的意思，所以在网页页面没有显示
blockquote标签的使用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>王跃坤</title>
</head>
<body>
<h2>blockquote标签的使用</h2>
<blockquote>
blockquote标签会添加外边距<br>
就像现在这样一样<br>
巴拉巴拉<br>
</blockquote>
</body>
</html>
pre标签的使用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>王跃坤</title>
</head>
<body>
<h2>pre标签的使用</h2>
<pre>
pre标签会预定义好HTML文件中的格式
所有的空格和Tab都会原样显示在网页中
就 像 现 在
这 样
</pre>
</body>
</html>
二，功能标签
canvas：画布
用脚本可以在画布中绘制图像，一般用JS
video：视频
在网页中插入视频
audio：音频
在网页中插入音频
三，Table相关
标签相关
- colgroup标签：选中列，可以类比于tr标签
- captain标签：用在声明表格名称
- thead标签：表头
- tbody标签：表格
- tfoot标签：表尾，一般用于总结
table属性：
- cellspacing：表格单元格间距
- cellpadding：表格单元格内边距
td属性：
- align：水平对齐
- valign：垂直对齐
- colspan：表格跨列
- rowspan：表格跨行
四，form相关标签
表单标签
- select：下拉选择框，其中multiple属性为是否多选选项，size属性为下拉框可供选择的长度，多余的将以滚轮进行展示
- option：下拉选择框的选项
- optgroup：下拉选择框的群组划分
- textarea：文本域
- fieldset：表单边框
- legend：表单标题
- datalist：自动筛选对应信息，类似select
表单属性
- action：表示表单要投递的目标路径
- method：post用户不可见，get用户可见
- enctype：编码方式，具体细节见下表
| 值 | 描述 |
|---|---|
| application/x-www-form-urlencoded | 在发送前编码所有字符（默认） |
| multipart/form-data | 不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。 |
| text/plain | 空格转换为 “+” 加号，但不对特殊字符编码。 |
input属性
- type：表示input框的类型
- placeholder：用于提示，无具体意义
- value：表示input框内的值
- checked：表示本框被选中
- disabled：表示本框不可使用
五，input的type属性
| type | 作用 |
|---|---|
| text | 文本框 |
| password | 密码框 |
| radio | 单选按钮 |
| checkbox | 多选按钮 |
| button | 普通按钮 |
| submit | 提交按钮 |
| reset | 重置按钮 |
| image | 图像形式的提交按钮 |
| hidden | 隐藏域 |
| file | 文件域 |
| email类型 | |
| url | url类型 |
| tel | 电话号码 |
| search | 搜索文本框 |
| color | 颜色选择器 |
| number | 数值框 |
| range | 滑动框 |
| date | 日期选择框 |
760
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
