当前位置：Gxlcms > html代码 > H5学习之旅-H5的块标签的使用（9）

H5学习之旅-H5的块标签的使用（9）

时间：2021-07-01 10:21:17 帮助过：11人阅读

块元素的基本语法

1. Html块元素 ，块元素在开始时候通常以新行开始，比如h1，p，ul

2.内联元素，通常不会以新行开始，比如a，b，img

3.html的p元素，p也被称为块元素,其主要作为组合html元素的容器

4.html的span元素，span元素是内联元素，可作为文本的容器

！！！！！！代码实例

  1. <!DOCTYPE html><html lang="en"><head>
  2.     <meta charset="UTF-8">
  3.     <title>H5块元素</title>
  4.     <link rel="stylesheet" type="text/css" href="myStyle.css">
  5.     <style>
  6.         span{            color:chartreuse;        }
  7.     </style></head><body>
  8.     <p>这是一个段落</p>
  9.     <h1>这是一个标题</h1>
  10.     <b>这是一个加重</b>
  11.     <a>这是一个超链接</a>
  12.     <p id="pId">
  13.         <p>
  14.             这是一个段落        </p>
  15.         <a>这是一个超链接</a>
  16.     </p>
  17.     <p>
  18.         <P><span>这是一个span测试，</span>测试效果</P>
  19.     </p></body></html>

css代码

  1. #pId p{    color:red;}

pId是di的id，后面的p是指定P标签

效果图

这里写图片描述

块元素的基本语法

1. Html块元素 ，块元素在开始时候通常以新行开始，比如h1，p，ul

2.内联元素，通常不会以新行开始，比如a，b，img

3.html的p元素，p也被称为块元素,其主要作为组合html元素的容器

4.html的span元素，span元素是内联元素，可作为文本的容器

！！！！！！代码实例

  1. <!DOCTYPE html><html lang="en"><head>
  2.     <meta charset="UTF-8">
  3.     <title>H5块元素</title>
  4.     <link rel="stylesheet" type="text/css" href="myStyle.css">
  5.     <style>
  6.         span{            color:chartreuse;        }
  7.     </style></head><body>
  8.     <p>这是一个段落</p>
  9.     <h1>这是一个标题</h1>
  10.     <b>这是一个加重</b>
  11.     <a>这是一个超链接</a>
  12.     <p id="pId">
  13.         <p>
  14.             这是一个段落        </p>
  15.         <a>这是一个超链接</a>
  16.     </p>
  17.     <p>
  18.         <P><span>这是一个span测试，</span>测试效果</P>
  19.     </p></body></html>

css代码

  1. #pId p{    color:red;}

pId是di的id，后面的p是指定P标签

效果图

这里写图片描述

以上就是H5学习之旅-H5的块标签的使用（9）的内容，更多相关内容请关注PHP中文网（www.gxlcms.com）！

人气教程排行

本站所有资源全部来源于网络，若本站发布的内容侵害到您的隐私或者利益，请联系我们删除！