HTML常用标签汇总
2019-06-03 本文已影响0人
Tourble
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)；
HTML 不是一种编程语言，而是一种标记语言 (markup language)；
标记语言是一套标记标签 (markup tag)；
HTML 使用标记标签来描述网页；
<DOCTYPE html> 声明文档类型
<head></head> 网页头部
<meat /> 针对搜索引擎和更新频度的描述和关键词
<base target="" /> 为页面上的所有链接规定默认地址或默认目标 _blank:新标签页打开/_self:当前标签页打开
<style></style> 定义文本样式
<link rel="stylesheet" type="text/css" href="css_file_path" /> 引入css文件
<title></title> 网页标题
<body></body> 网页身体
<header></header> 定义 section 或 page 的页眉
<footer></footer> 定义页脚
<article></article> 定义文章内容
<aside></aside> 定义侧边栏
<section></section> 定义小片段
<h1></h1> .... <h6></h6> 标题1-6
<p></p> 段落
<br /> 换行
<hr /> 水平线
<strong></strong> <b></b> 粗体
<em></em> <i></i> 斜体
<ins></ins> 下划线
<del></del> 删除线
空格
< <小于号
> >大于号
© 版权符号
<div></div> 盒子标签
<span></span> 盒子标签
超链接
<a href="url" target="">链接</a>
图片
<img src="图片地址" alt="不显示图片时显示的内容" title="鼠标悬停时显示的内容" />
无序列表
<ul> 定义无序列表
<li></li> 定义列表的项目
</ul>
有序列表
<ol> 定义有序列表
<li></li>
</ol>
自定义列表
<tr> 定义表格中的行
<td></td> 定义表格中的单元
<dd></dd> 定义定义列表中项目的描述
</tr>
表格
<table border="1" cellspacing="0" cellpadding="5">
border：规定表格边框的宽度
cellpadding：规定单元边沿与其内容之间的空白
cellspacing：规定单元格之间的空白
<thead> 定义表格中的表头内容
<th></th> 定义表格中的表头单元格
</thead>
<tbody> 定义表格中的主体内容
<tr> 定义表格中的行
<td></td> 定义表格中的单元
</tr>
</tbody>
</table>
input标签
<input type="text" placeholder="文本提示内容" /> 文本框
<input type="password" /> 密码提示框
<input type="url" autofocus /> url输入框 聚焦
<input type="search" required /> 搜索框 required必填项
<input type="email" /> 邮件输入框
<input type="tel" autocomplete /> 手机号输入框 输入框记忆配合submit
<input type="file" multiple /> multiple多文件上传使用
<input type="date" /> 年月日
<input type="month" /> 年月
<input type="week" /> 年周
<input type="button" /> 按钮
<input type="submit" /> 提交按钮
<input type="reset" /> 重置按钮
<input type="radio" /> 复选框
<input type="checkbox" checked /> 单选框 checked默认选中
<input type="image" src="path" /> 图片按钮
select下拉列表
<form action="" method="" > action资源路径 method请求方法
<select> 定义选择列表
<option>1</option> 定义选择列表中的选项
<option selected="selected">2</option> selected默认第一项
</select>
</form>
datalist（HTML5）下拉列表
<input type="text" list="lis" />
<datalist id="lis"> 需要使用 list id 进行关联
<option></option>
<option></option>
</datalist>
label标签
<label for="la">内容</label>
<input type="text" id="la" /> 需要for id 进行关联
filedset与legend标签
<filedset>
<legend>定义filedset标题</legend>
</filedset>
audio与video标签
<audio autoplay loop controls>
<source src="音频文件地址" />
</audio>
<video autoplay loop controls>
<source src="视频文件地址" />
</video>
autoplay:自动播放
loop:循环次数
contorls:显示播放控件
