p--段落文本
br--换行
hr--水平线
b/strong--加粗
em/i--倾斜
s/del--删除线
u--下划线
sub--下标
sup--上标
h1-6--标题
<--左尖角号
>--右尖角号
 --空格
©--版权
™/®--商标
div--划分页面区域,独占一行
span--文本独立修饰
ol>li:有序列表;ol里面只能放li,li里面可以放随意标签
ol属性
type=1,a,A,i,I
start=取值一个数字
ul>li:无序列表;ul里面只能放li,li里面可以放随意标签
ul属性
type=disc/circle/square/none
dl>dt+dd:自定义列表;dt放图片,dd放文字
img:放图片
../上级返回
文件夹名/照片名
./文件夹名/照片名
属性
alt=加载图片失败,文字提示
title=鼠标放到图片上的提示
width/height:宽高
a--超链接
属性
href=网址
title=提示
target=_self(默认)/_blank(新窗口打开)
table>tr>td:table(创建表格),tr(行),td(单元格)
table属性
width/height:宽高
border 边框
bordercolor 边框颜色
bgcolor 背景颜色
align="left/right/center" 水平对齐
cellspacing 单元格与单元格之间的间距
cellpadding 单元格与内容之间的空隙
tr属性
height 高度
bgcolor 背景颜色
align="left/right/center" 文字水平对齐
valign="top/middle/bottom" 文字垂直对齐
td属性
width 宽度:如果一个单元格设置宽度,影响这一整列的宽度
height 高度:如果一个单元格设置高度,影响这一整行的高度
bgcolor 背景颜色
align="left/right/center" 文字水平对齐
valign="top/middle/bottom" 文字垂直对齐
colspand="所要合并的单元格的列数" 必须给td
rowspan="所要合并的单元格的行数" 必须给td
form--表单,input:输入框,button:按钮
form属性
method="get/post"
action="向何处发送表单数据"
input属性
type=定义输入框类型
text:文本框
password:密码框
submit:提交框,和<button>提交按钮</button>一样,(提交信息到action指定的地址)
reset:重置框,清空的效果
name=(name必须设置,否则在提交表单时,用户在其中输入的数据不会被发送到服务器)
placeholder=提示信息
单选框
<input type="radio" name="组名:单选同组时用的组名" checked="checked(默认选中状态,同组只会有一个选中状态)" id="唯一id">
<label for="id(点击内容就变成选中状态)">内容</label>
复选框
<input type="checkbox" name="组名:复选同组时用的组名" checked="checked(默认选中状态)" id="唯一id">
<label for="id(点击内容就变成选中状态)">内容</label>
上传文件
type="file"
图片按钮
type="image" src="图片"
隐藏按钮
type="hidden" value="带给后端的个人信息"
禁用
disablede="disablede"
只读
readonly="readonly"
下拉菜单
<select size="显示几个" multiple="选多个">
<option value="提供给后端需要用的value值" selected="selected(默认选中)">文本内容</option>
</select>
多行文本输入框-文本域
<textarea cols="行数" rows="列数" placeholder="提示文字">默认value:写在双标签内部,注意空格问题</textarea>
字段集
<fieldset>
<legend>缺口文本</legend>
</fieldset>
HTML5新增语义化标签
section--表示页面中的一个内容区块
article--表示一块与上下文无关的独立的内容
aside--在article之外的,与article内容相关的辅助信息
header--表示页面中一个内容区块或整个页面的标题
footer--表示页面中一个内容区块或整个页面的脚注
nav--表示页面中导航链接部分
figure--表示一段独立的流内容,使用figcaption为其添加标题(第一个或最后一个子元素的位置)
main--表示页面中的主要内容
audio--定义音频
controls--向用户显示控件
autoplay--自动播放
loop--重复播放
muted--静音
video--定义视频
controls--向用户显示控件
autoplay--自动播放
loop--重复播放
muted--静音
poster--海报
width
height
H5新增表单
type="color" --颜色选择
type="tel" --电话
type="search" --搜索
type="range" --滑动条
min--最小值
max--最大值
value--默认值
step--步长
type="number" --数字
min--最小值
max--最大值
value--默认值
step--步长
type="email" --邮箱
type="url" --网址
type="date" --日期
type="month" --月
type="week" --周
type="time" --时间
type="datetime-local" --获取本地时间
autofocus--获取焦点
required--必填项,不能为空
multiple--支持多个地址,用逗号隔开
datalist--选项列表(option永远都要设置value属性)
例:<input type="search" list="list">
<datalist id="list">
<option value="手机"></option>
<option value="手套"></option>
<option value="手表"></option>
</datalist>