文本格式化标签
-
加粗 strong
-
删除线 del
-
下划线 ins
-
倾斜 em
超链接
<a href="连接的地址" target="打开方式">文本(图片)</a>
<base target="打开方式"> <-- 代表所有超链接的打开方式 -->
表格
<table>
<tr> -- 定义一行
<td></td> -- 定义一个格子
<td></td> -- 定义一个格子
<td></td> -- 定义一个格子
</tr>
</table>
-
cellpadding 表格的内边距
-
cellspacing 各自之间的距离
-
align 让表格居中显示
-
border 边框
-
rowspan 行合并
-
colspan 列合并
表单
<form action="发送的服务器地址" method="提交方式"> --- get post put delete
姓名: <input type="text"> --- 提示文本 + 控件
<input type="submit"> --- 提交按钮
<input type="reset"> --- 重置
</form>
属性
-
type -控件的类型
-
text - 普通文本
-
password - 密码(隐藏)
-
radio - 单选(name的值要相同)
-
checkbox - 复选(多选)
-
file - 文件域(上传文件)
-
-
name - 给控件起一个的名
-
maxlength - 可以输入的字符的个数
-
size - 控件的大小
-
value - 默认值 / 按钮上的文字
-
checked - 默认选中(单选多选都可以使用)
-
selected - 默认选中(仅适用于select)
-
placeholder - 提示信息(在控件内部)
-
outlline:none;去除点击后input边框
下拉列表
<select name="city">
<option>信息</option>
<option>信息</option>
<option>信息</option>
</select>
文本域
<textarea>
多行文本输入
</textarea>
多媒体
音频播放
<audio src="地址"></audio>
附加属性
autoplay 自动播放
controls 是否显示默认播放控件
loop 循环播放
视频播放
<video src = "地址"></vidio>
附加属性
autoplay 自动播放
controls 是否显示默认播放控件
loop 自动播放
muted 静音播放
width 设置播放窗口宽度
height 设置播放窗口高度
新语义化标签
header:定义文档的页眉
nav:定义导航链接的部分
footer:定义文档或节的页脚
article:标签规定独立的自包含内容
section:定义文档中的节
aside:定义其所处内容之外的内容
新语义化标签就是换了名字的div
语义化标签就是为了让大家用正确的标签来标记正确的内容;方便代码的阅读与理解;更整洁。