一、常用标签
1、q标签: q标签是短引用标签,实现效果如下:
2、hr标签:分割线,自结束标签。用法:<hr>或<hr />
3、br标签:强制换行,下一行
4、del标签:删除标签,用来删除一个内容
5、center标签:实现居中效果
5、div标签:盒子标签,表示一个区块,用来网页布局
6、span标签:行内元素,一般用来包裹文字
7、a标签:超链接标签,用来实现页面跳转
属性:
href属性:填写超链接跳转的地址(绝对地址或相对地址)
target属性:控制超链接打开的方式
可选值
_self 在当前页面打开跳转的超链接 默认值
_blank 新开页面打开超链接
绝对路劲:
相对路劲:
注: 相对路劲中,./ 表示在同一个目录下查找,一般情况下可省略, ../ 表示跳出当前目录查找
8、img标签:图片标签
属性:
src属性:引入图片的路径,通过./或者../开头。
./ 表示引入图片在同一个目录下
../ 表示跳出当前的目录,再找
alt属性:对图片的描述,图像在无法显示时显示文本
width属性:设置图片的宽度
heigth属性:设置图片的高度
注:一般情况下,width和height只设置一个,另一个让浏览器按比例缩放
二、结构标签
header 网页的头部
main 网页的主体部分(一般就一个)
nav 网页的导航
aside 和主体相关的内容,侧边栏
article 文章之类的
footer 网页的底部
三、列表标签
1、有序列表:用ol创建,li表示列表项,使用type属性更改项目符号
2、无序列表:用ul创建,li表示列表项,使用type属性更改项目符号
属性值:
disc,默认值,实心的圆点
square,实心的方块
circle,空心的圆
3、定义列表:用dl创建,dt下定义,dd解释定义