01.常用标签
一、标题标签h1~h6
二、段落标签 p 块元素
三、hgroup标签 用来分租标题标签,虽然样式上没有发生声明改变,但从语义上个两者就有关系了
四、强调标签 em标签和strong标签 二者在样式上em标签有点斜体,strong标签颜色更深一点 从语义上em标签着重于语调,strong着重与内容
五、blockquote标签 长引用标签,引用别人说的话,独占一行,块元素
六、q标签 短引用 (样式上加了个双引号)
七、br标签 换行标签 强行换行 自结束标签
八、hr标签 分割线
九、center标签 居中标签
十、del标签 删除标签
十一、div标签 块元素
十二、span标签 用于包裹文字 没有什么意义 行内标签
0.2结构标签
header 网页的头部
main 网页的主体(一般就一个)
footer 网页的底部
nav 网页的导航
aside 和主体相关的内容 侧边栏
article 文章之类的
section 没有任何语义,一般拿来代替div
0.3块元素和行内块元素(略)
0.4列表
有序列表 用ol创建 li表示列表项 type属性可以更改项目符号:1 a A I i
无须列表 用ul创建 li表示列表项 type属性也可以更改项目符号:disc(实 心圆),square(实心方阵),circle(空心圆)
定义列表 用dl创建 dt下定义 dd解释定义
此外列表可以相互嵌套
05.超链接
两个功能 两个属性 一个补充
功能:1、从一个界面跳转到另一个界面
2、当前界面进行跳转(锚点功能)
3、下载功能
属性:1、href属性 填写超链接跳转地址
绝对地址 比如JD 淘宝 输入地址就能正确跳转
相对地址 与文本本身的位置有关
./ 同级目录可进行跳转
../ 跳出当前目录
2、target属性
-self 默认值 当前页面打开超链接
-blank 新页面打开超链接
锚点功能
1、回到顶部(href属性值设置#即可)
2、去任意位置
第一步:给去的位置打一个标记,用id属性设置一个id属性值
第二步:在href属性值里 #id属性值
注意:id属性值最好不要数字开头,而且最好不要写中文
一个补充:<a href="#">空连接1</a>
<a href="javascript:;">空链接2</a> 推荐使用
0.6图片标签
使用img标签来向网页中引入一个外部图片
4个属性
src属性 引入图片的路径 通过./或者../开头
./ 引入图片跟你在同一个目录下
../ 跳出当前的目录,再找
alt属性 对图片的描述,它会在图片引入不成功的时候,显示文字
它也会帮助浏览器做收录功能
width属性 设置图片的宽度
属性值里直接写数值或者带长度单位都可
height属性 设置图片的高度
注意:一般情况下,width和height只设置一个,另一个让浏览器按比例缩放