HTML（五）：div 和 span 标签

div 和 span 标签

<div> 和 <span> 是没有语义的，它们就是一个盒子，用来装内容的。

基本语法

<div> 我是div标签</div>
<span> 我是span标签</span>
  • div 是 division 的缩写，表示分割、分区。span意为跨度、跨距。
  • 特点：
    • <div>标签用来布局，但是现在一行只能放一个。可以理解为一个大盒子
    • <span>标签用来布局，一行上可以多个。可以理解为一个小盒子

示例代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>div 和 span 标签</title>
</head>

<body>
    <div>我是一个div标签我一个人单独占一行</div>
    <div>我是一个div标签我一个人单独占一行</div>
    <span>百度</span>
    <span>新浪</span>
    <span>搜狐</span>
</body>

</html>
posted @ 2022-04-07 10:39  pure3417  阅读(376)  评论(0)  编辑  收藏  举报