最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

H5学习之旅-H5的块标签的使用(9)-H5教程

来源:http://erdangjiade.com/topic/132928.html H5程序员 2017-10-29 20:28浏览(43)

块元素的基本语法

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.erdangjiade.com)!

评论0
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

1 2