段落标签和标题标签

122 阅读1分钟

段落标签

在HTML中,段落标签是 <p> (双标签,格式为 <p>内容</p > ),用于定义网页中的一个文本段落,是承载正文内容的基础标签之一。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>网页设计第一节课</title>
    </head>
    <body>
        <p>这是大家网页设计第一节课</p >
        <p>个人名片</p >
        <p>姓名:小明</p >
    </body>
</html>

标题标签

在 HTML 中,标题标签是  <h1>  到  <h6>  这一组标签,用于定义网页中的不同级别的标题,从最高级别的  <h1> (通常表示页面的主标题)到最低级别的  <h6> 。 <h1> </h1><h6> </h6>

  • <h1> </h1><h6> </h6>越往后字体越小越细
  • <h1> </h1>定义最大标题(字体最大最粗)
  • <h1> </h1>定义最小标题(字体最小最细)
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>标题标签示例</title>
</head>
<body>
    <h1>这是h1标签</h1>
    <h2>这是h2标签</h2>
    <h3>这是h3标签</h3>
    <h4>这是h4标签</h4>
    <h5>这是h5标签</h5>
    <h6>这是h6标签</h6>
</body>
</html>

屏幕截图 2025-10-23 225251.png

标题标签的排放位置

标题标签属性:

align="left"靠左(默认)

<h1 align="left">...</h1>

align="right"靠右

<h1 align="right">...</h1>

align="center"居中

<h1 align="center">...</h1>

换行:<br/>

水平线:<hr/>

<hr width="100" size="10" color="red" aligh="center">
水平线的相关属性:
  • color设置水平线的颜色
  • width设置水平线的宽度
  • size设置水平线的大小
  • align设置水平线的对齐方式
  • align="left"靠左对齐
  • align="right"靠右对齐
  • align=center居中对齐

u=23313577,1537384614&fm=253&fmt=auto&app=120&f=JPEG.webp