常见的标签(一)
1.p标签(段落标签):
两个相邻的p标签会空一行
常见属性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p align="center">文字</p>
<p style="color: crimson;">文字</p>
<p><font color="#0000FF">文字3</font></p>
</body>
</html>
align属性(位置)
向左靠齐:left(默认)
向右靠齐:right
居中:center
color属性(颜色设置)
方法1:英文单词/颜色名(red,blue,black...)
方法2:#rrggbb(三原色)
font标签(字体设置)
p{font-style:italic; font-weight:bold}
需要注意的是,HTML5已经废弃了<font>标签,所以不再推荐使用<font>标签来设置字体,如果想要改变字体样式可使用font-style和font-weight属性将其变为斜体或加粗。
2.strong等标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<strong>加粗</strong>
<b>加粗</b>
<em>斜体</em>
<i>斜体</i>
<u>下划线</u>
<del>删除线</del>
</body>
</html>
3.br、hr标签
br标签:换行
hr标签:水平分割线(可设置width、size、color等属性)
4.sub、sup、pre、span标签
sub标签:下标标签
sup标签:上标标签
pre标签:原样输出
span标签:修饰文本(标准的行内标签)
5.h1,h2,h3,h4,h5,h6标签
加粗效果、且1~6字体越来越小
6.div标签
div标签:盒子布局(标准的块级标签)
7.行内标签和块级标签
行内标签:不能自动换行,除非一行占满该页面(span标签)
块级标签:自动换行,独占一行(div标签、h1等标签、p标签、hr标签)