HTML常用标签
4.1标题标签<h1>-<h6>
(重要)
<h1>一级标题</h1>
标签语义:作为标题使用,并且依据重要性递减。
特点:
1.加了标题的文字会变的加粗,字号也会依次变大。
2.一个标题独占一行。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>标题标签</h1>
<h2>标题标签</h2>
<h3>标题标签</h3>
<h4>标题标签</h4>
<h5>标题标签</h5>
<h6>标题标签</h6>
</body>
</html>
4.3段落标签和换行标签(重要)
在HTML标签中,<p>
标签用于定义段落,它可以将整个网页分为若干个段落。
<p>段落标签</p>
标签语义:可以把HTML文档分割为若干个段落。
特点:
1.文本在一个段落中会根据浏览器窗口的大小自动换行。
2.段落和段落之间保有空隙。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>世界本没有童话,安徒生也是谎言家</p>
<p>星星说它累了,叫我别许愿了</p>
</body>
</html>
换行标签
<br/>
标签语义:强制换行。
特点:
1.<br/>
是个单标签。
2.<br/>
标签只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。
4.4文本格式化标签
加粗 <strong></strong>
或者<b></b>
更推荐使用<strong>
标签加粗,语义更强烈。
倾斜 <em></em>
或者<i></i>
更推荐使用<em>
标签加粗,语义更强烈。
删除线 <del></del>
或者<s></s>
更推荐使用<del>
标签加粗,语义更强烈。
下划线 <ins></ins>
或者<u></u>
更推荐使用<ins>
标签加粗,语义更强烈。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<strong>加粗</strong>
<em>倾斜</em>
<del>删除线</del>
<ins>下划线</ins>
</body>
</html>
<div>
和<span>
它们是没有语义的,它们就是一个盒子,用来装内容的。
<div>这是头部</div>
<span>今日价格</span>
特点:
1.<div>
标签用来布局,但是现在一行只能放一个<div>
。大盒子
2.<span>
标签用来布局,一行上可以多个<span>
.小盒子
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>div标签独占一行</div>
<span>百度</span>
<span>新浪</span>
<span>搜狐</span>
</body>
</html>