介绍几个html基础标签

最新推荐文章于 2024-01-17 11:35:19 发布

叹！

最新推荐文章于 2024-01-17 11:35:19 发布

阅读量108

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/qq_44721518/article/details/107568356

版权

html 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<p> </p> 段落标签：使其中的内容成段展示
<html>
<head>
   <meta charset = "utf-8">
   <title>html基础标签</title>
</head>
<body>
   <p> this is paragraph</p><p> this is paragraph</p><p> this is paragraph</p>
</body>
</html>

效果如下：
在这里插入图片描述

<hi></hi>(i = 1,2,3,4,5,6)标题标签
<html>
<head>
   <meta charset = "utf-8">
   <title>html基础标签</title>
</head>
<body>
   <h1>标题<h1>
   <h2>标题<h2>
   <h3>标题<h3>
   <h4>标题<h4>
   <h5>标题<h5>
   <h6>标题<h6>
</body>
</html>

效果如下：
在这里插入图片描述
三个特点：加租，独立成段，更改字体大小。

<strong></strong>加粗
<em></em>斜体
<html>
<head>
   <meta charset = "utf-8">
   <title>html基础标签</title>
</head>
<body>
   <strong>加粗</strong>
   <em>斜体</em>
</body>
</html>

效果如下：
在这里插入图片描述
如果对某段文字又想加粗又想斜体，则可以嵌套使用。

<html>
<head>
   <meta charset = "utf-8">
   <title>html基础标签</title>
</head>
<body>
   <strong>
      <em>举个例子</em>
   </strong>
</body>
</html>

效果如下：
在这里插入图片描述

<del></del>
<html>
<head>
   <meta charset = "utf-8">
   <title>html基础标签</title>
</head>
<body>
  <del style = "color:#999">50$</del>
</body>
</html>

效果如下：
在这里插入图片描述

<address></address>地址标签
<html>
<head>
   <meta charset = "utf-8">
   <title>html基础标签</title>
</head>
<body>
  <address>湖南师范大学</address>
</body>
</html>

效果如下：
在这里插入图片描述
特点：斜体，独立成段

<div></div>
<span></span>容器标签，使内容结构化，可捆绑操作
<html>
<head>
   <meta charset = "utf-8">
   <title>html基础标签</title>
</head>
<body>
  <div>淘宝</div> <div>淘宝</div> <div>淘宝</div> <div>淘宝</div>
  <span>京东</span><span>京东</span><span>京东</span><span>京东</span>
</body>
</html>