在HTML5中添加了很多新的结构标签,比如:
1.标签的学习方法:
*了解该标签在浏览器中的默认样式
*明白标签的含义
加粗标签
strong 加粗,有加重语气
b 纯加粗标签
斜体标签
em 斜体,加重语气
i 纯斜体标签
水平线
<hr width="100px" size=5 noshade/>
q 短引用标签
显示方式:会在引用的内容加上“内容”
pre 预格式化文本
浏览器中显示的内容会以该标签里的格式来显示
code 代码标签
显示方式:不会换行,字体样式会不同
blockquote 长引用标签
显示样式:增加段前后行间距,增加缩进
address 地址标签(h5新增)
见名知意,会将字体变为斜体换行
img 图片标签
属性:
#src图片地址:
地址分为相对地址和绝对地址
相对地址:../返回上一级
./表示当前目录
img/进入到下一级
/img表示返回根目录
#width宽度
#height高度
#title图片标题
#alt替换文本,当图片加载不出来时显示
a 超链接
1.属性:
#href:链接地址
#target:打开方式
_self 默认打开方式 在当前窗口打开
_blank 在新窗口打开
_parent 在父级打开
_top 在顶部打开
xxxx框架名称打开
2. 默认显示样式
蓝色字体加下划线
3.超链接的三个种类:
*页面链接
*锚点链接
先要定义锚点name="xxx",然后在要跳转的地方输入href="#xxx",如果在不同页面则需要在前面加上路径href="页面地址#锚点"
*功能性链接:链接到QQ、电话、邮件,链接到第三方网站必须加http://
列表标签
有序列表 ol(order list)
无序列表 ul(unorder list)
type属性: disc实心圆 circle空心圆 square小方块
定义列表 dl(define list)
table表格标签
1.子标签
thead:表格的头部
tbody:表格的内容
tfoot:表格的底部
tr:行
td:单元格
rowspan 合并行
colspan 合并列
th:表头
caption:标题
2.属性
border 边框
width 宽度
height 高度
align 对齐
cellpadding 单元格内容到边框的距离
cellspacing 单元格之间的距离
form标签
作用:收集用户信息并提交给服务器
代码:
属性:
*action 提交地址
*method 提交方式 ,分为get和method