定义
Hyper Text Markup Language
超文本标记语言
文本格式化标签
标签名 效果
strong 加粗
em 倾斜
ins 下划线
del 删除线
图像属性
<img src=" " />
alt 替换文本
title 提示文本
width 宽度
height 高度
超链接
<a href="#" target="_blank"></a>
_blank设置超链接页面在新的页面打开
音频
<audio></audio>
controls 显示音频控制面板
loop 循环播放
autoplay 自动播放(浏览器一般禁用)
视频
<video></video>
controls 显示音频控制面板
loop 循环播放
muted 静音播放
autoplay 自动播放(浏览器一般禁用)
无序列表
<ul>
<li>列表项</li>
</ul>
有序列表
<ol>
<li>列表项</li>
</ol>
定义列表
<dl>
<dt>列表标题</dt>
<dd>列表描述/详情</dd>
</dl>
表格
table 表格
tr 行
th 表头
td 内容
border="1"为表格添加边框线
thead表格头部
tbody表格主体
tfoot表格底部
rowspan跨行合并
colspan跨列合并
不可跨表格结构标签合并单元格(thead、tbody、tfoot)
表单
<input type="...">
type属性值 说明
text 文本框,用于输入单行文本
password 密码框
radio 单选框
checkbox 多选框
file 上传文件
占位文本placeholder="提示信息"
单选框常用属性 作用 特殊说明
name 控件名称 控件分组,同组中只能选中一个(单选功能)
checked 默认选中
<input type="file" multiple>
添加multiple属性可以实现文件多选功能
<input type="checkbox" checked>
默认选中:checked
下拉菜单
select嵌套option,select是下拉菜单整体,option是下拉菜单的每一项。
默认显示第一项,selected属性实现默认选中功能。
文本域
作用:多行输入文本的表单控件
<textarea>默认提示文字</textarea>
实际开发中,使用CSS设置文本域的尺寸
实际开发中,一般禁用右下角的拖拽功能
label标签
作用:网页中,某个标签的说明文本
用label标签绑定文字和表单控件的关系,增大表单控件的点击范围。
方法一:
<input type="radio" id="man">
<label for="man">男</label>
方法二:
<label><input type="radio">女</label>
按钮
<button type="...">按钮名称</button>
type属性 说明
submit 提交按钮,点击后可以提交数据到后台(默认功能)
reset 重置按钮,点击后将表单控件恢复默认值
button 普通按钮,默认没用功能,一般配合javascript使用
按钮需配合form标签(表单区域)才能实现对应的功能。
无语义的布局标签
作用:布局网页(划分网页区域,摆放内容)
<div>div标签,独占一行</div>
<span>span标签,不换行</span>
有语义的布局标签
标签名 语义
header 网页头部
nav 网页导航
footer 网页底部
aside 网页侧边栏
section 网页区块
article 网页文章
字符实体
空格
小于号<
大于号>