Maison > Article > interface Web > H5学习之旅-H5的块标签的使用（9）
H5学习之旅-H5的块标签的使用（9）
- 黄舟original
- 2017-02-17 14:34:271481parcourir
块元素的基本语法
1. Html块元素 ，块元素在开始时候通常以新行开始，比如h1，p，ul
2.内联元素，通常不会以新行开始，比如a，b，img
3.html的p元素，p也被称为块元素,其主要作为组合html元素的容器
4.html的span元素，span元素是内联元素，可作为文本的容器
！！！！！！代码实例
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5块元素</title>
<link rel="stylesheet" type="text/css" href="myStyle.css">
<style>
span{ color:chartreuse; }
</style></head><body>
<p>这是一个段落</p>
<h1>这是一个标题</h1>
<b>这是一个加重</b>
<a>这是一个超链接</a>
<p id="pId">
<p>
这是一个段落 </p>
<a>这是一个超链接</a>
</p>
<p>
<P><span>这是一个span测试，</span>测试效果</P>
</p></body></html>css代码
#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元素是内联元素，可作为文本的容器
！！！！！！代码实例
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5块元素</title>
<link rel="stylesheet" type="text/css" href="myStyle.css">
<style>
span{ color:chartreuse; }
</style></head><body>
<p>这是一个段落</p>
<h1>这是一个标题</h1>
<b>这是一个加重</b>
<a>这是一个超链接</a>
<p id="pId">
<p>
这是一个段落 </p>
<a>这是一个超链接</a>
</p>
<p>
<P><span>这是一个span测试，</span>测试效果</P>
</p></body></html>css代码
#pId p{ color:red;}pId是di的id，后面的p是指定P标签
效果图
以上就是H5学习之旅-H5的块标签的使用（9）的内容，更多相关内容请关注PHP中文网（www.php.cn）！
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：H5学习之旅-H5列表（8）Article suivant：H5学习之旅-H5的布局（10）