H5学习之旅-H5的块标签的使用(9)
程序员文章站
2022-05-28 12:45:14
...
块元素的基本语法
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)!
上一篇: HTML5 之2__列表标记