6种普通标签
- div块元素会自动换行 有内外边框
- h1-h6标题标签 依次减小相比其他有加粗效果会自动换行
- p段落标签 换行
- span隔离标签 无任何人样式
- hr 水平分割线
- br换行
8种文本标签
- b/和
- strong加粗
- i/和
- em斜体
- u下滑线
- del删除线
- sup上标
- sub下标
3种列表
- ul>li无序列表有上下行距和左侧内补 表示列表所包含的项是没有先后顺序的
-
ol>li有序列表有上下行距和左侧内补 ,表示列表所包含的项是有先后顺序的
- dl自定义列表有上下行距和左侧内补>dt列表项目+dd列表项目说明
表格
- table表格外框{+border加边框+cellspacing外边框cellpadding内边框}
- tr行
- th表头单元格 有居中加粗
- td列(普通单元个){rowspan合并行Colspan合并列}
a超级链接
href链接目标地址
属性 target="_blank" 新页面打开 target="_self"默认本页打开
img图片标签
src相对地址也可以是网络地址
usemap area
usemap area
<img src="img/logo.png" width="271" height="74" usemap="#stumap" style="border: 1px solid red;" >
<map name="stumap">
<!--coords坐标从图片右上角 -->
<area shape="poly" coords="10,15,20,15,25,30" href ="#" " > 多边形
<area shape="rect" coords="0,0,5,20" href ="#" > 矩形
<area shape="circle" coords="50,50,5" href ="#" > 圆形
</map
from表单
action 服务器地址
method访问方式{get参数拼接在网址后
post参数隐藏}
input
type="text" 文本框
type="password" 密码框
type="radio" 单选框
type="checkbox" 复选框
type="color" 颜色
type="time" 时间
type="button"自定义按键
type="submit" 提交按钮
type="reset" 重置按钮
type="button" 普通按钮
type="file" 文件上传按钮
type="range"范围
type="numbe"数字框
type="search"框中带错号