HTML常用标签
HTML常用标签:
1. h系列 : 标题标签 h1~h6 双标签 无默认属性 块级 默认margin属性
一级标题
我是h1
二级标题
我是h2
三级标题
我是h3
实现效果:
2. hr 分割线 块级 单标签 默认margin,border属性
3. p标签 : 段落 双标签 块级p标签内不能嵌套块级标签,p标签会分开并且自动补全 默认margin属性
123123
实现效果:
4.列表标签 : 双标签 组合标签 块级
4.1 有序列表 : ol (默认:margin属性list-style-type: decimal;-webkit-padding-start: 40px; )
有序列表区域 : li 列表项 (默认:display: list-item;text-align: -webkit-match-parent;)
ol 与 li不能单独使用,ol与li之间不可以出现其他标签
实现效果:
4.2 无序列表:ul (默认:margin list-style-type: disc; -webkit-padding-start: 40px;)
实现效果:
4.3字典列表:dl (默认:margin)
dd:-webkit-padding-start: 40px;
实现效果:
5. a : 超链接 双标签 行级 (默认:color: -webkit-link; cursor: auto; text-decoration: underline;)
href="" 跳转地址 必须的 而且不能为空
title="" 提示信息
target="" 跳转方式 _blank 新窗口打开
实现效果:
超链接标签的四种状态:伪类设置
link状态:链接未浏览状态
visited状态 : 链接已被访问过
hover状态 : 鼠标悬浮在链接上时的状态
active状态 : 鼠标点击未松开时的状态
hash 哈希 : #会回到顶部 | ### 不会回到顶部
实现效果:
6. 图片 img 单标签 比如特殊,虽然为行级,但是可以设置尺寸
支持宽高属性 不需要加单位 一般宽高只设置一个
实现效果:
7.粗体加重,作用于内容强调 strong 双标签 行级 b标签(默认:font-weight: bold;)
实现效果:
8. 斜体,作用于内容强调 em 双标签 行级 i (默认:font-style: italic;)
实现效果:
9. big 大字号 small标签 小字号 双标签 行级(相对于)(默认:font-size:larger / font-size:smaller)
实现效果:
10.sub(偏下) sup(偏上) del(删除横线)
sub:(默认:vertical-align: sub;font-size: smaller;)
sup:(默认:vertical-align: super;font-size: smaller;)
del: (默认:text-decoration: line-through;)
实现效果: