您的位置：首页 > Web前端 > HTML

HTML常用标签(1)

2017-11-09 22:07 225 查看

一:html常用的简单标签

1.<title></title>-->页角标
作用:标识作用
用法:在<head>标签中加入<title></title>
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>这就是页角标</title>
</head>
<body>

</body>
</html>

效果:

2.<p><p>
作用:<p>标签包裹的内容成段展示
用法:在<body>标签中加入<p></p>
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>这就是页角标</title>
</head>
<body>
加p标签效果:
<p>
这是p标签1
</p>
<p>
这是p标签2
</p>
不加效果:
这是p标签1
这是p标签2
</body>
</html>

效果:

3.<h></h>-->标题标签
作用:略
用法:
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>这就是页角标</title>
</head>
<body>
<h1>哈哈哈...</h1>
<h2>哈哈哈...</h2>
<h3>哈哈哈...</h3>
<h4>哈哈哈...</h4><!-- 和正常字体大小一样 -->
<h5>哈哈哈...</h5>
<h6>哈哈哈...</h6>
哈哈哈...

</body>
</html>

效果:

3.<strong><strong>
作用:加粗
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>这就是页角标</title>
</head>
<body>
<strong>加粗</strong>
加粗

</body>
</html>

效果:

4.<em></em>
作用:<em>中包裹的文字斜体斜体
例:只需要把上述strong标签替换为<em>即可看到效果

5.<address></address>
作用:<address>中包裹的文字斜体并且成段展示

6.<span></span>
作用:容器
特点:不成块展示

7.<div></div>
作用:容器
特点:成块展示
<span>标签和<div>标签的代码及效果如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>这就是页角标</title>
</head>
<body>
<span>哈哈哈哈哈哈</span>
<span>哈哈哈哈哈哈</span>
<div>
哈哈哈哈哈哈
</div>
<div>
哈哈哈哈哈哈
</div>

</body>
</html>

效果:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html 标签

相关文章推荐

新的分享

章节导航