介绍几个html基础标签

<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>

效果如下:
介绍几个html基础标签_第1张图片

<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>

效果如下:
介绍几个html基础标签_第2张图片
三个特点:加租,独立成段,更改字体大小。

<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>

效果如下:
介绍几个html基础标签_第3张图片

你可能感兴趣的:(html)