段落 标题 div标签

标题标签

  • h系列标签表示“标题”语义，h是headline的意思

    标签 语义
    h1 一级标题
    h2 二级标题
    h3 三级标题
    h4 四级标题
    h5 五级标题
    h6 六级标题

  • 搜索引擎非常看重<h1></h1>标签的内容，应该将重点内容放到<h1></h1>中，比如网页的Logo等

  • <h1></h1>标签一般只能放置一个，否则会被搜索引擎视为作弊

<!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>网页标题</title>
</head>
<body>
    <h1>网页标题</h1>
    <h2>网页1级大纲</h2>
    <h3>网页2级大纲</h3>
    <h2>网页1级大纲</h2>
    <h3>网页2级大纲</h3>
</body>
</html>

  
  

段落标签

  • <p></p>标签表示段落标签，p是英语paragragh的意思
  • 任何段落都要放到<p></p>标签中，因为HTML即使代码换行了，页面显示效果也不会换行，必须写到<p></p>中
<body>
    <p>段落一</p>
    <p>段落二</p>
</body>

  
  

div标签

  • div是英语division“分割”的缩写，顾名思义，<div></div>标签对用来将相关的内容组合到一起，以和其他内容分割，使文档结构更清晰
  • 比如，网页的头部要放到一个<div></div>标签对中，轮播图也要放到一个<div></div>标签对中，文章内容也要放到一个<div></div>标签对中
  • <div></div>是最常见的HTML标签，因为它可以结合CSS使用，实现网页的布局，这种布局形式叫做“DIV+CSS”
  • <div></div>像是一个容器，什么都可以容纳，因此也习惯称呼<div></div>为“盒子”
<body>
    <div>
        网站的头部
    </div>
    <div>
        网站的内容
    </div>
    <div>
        网站的页脚
    </div>
</body>

  

div常见类名

  • <div>标签可以添加class属性表示“类名”，类名服务于CSS
posted @ 2021-06-26 21:34  干饭熊猫人  阅读(474)  评论(0)    收藏  举报