HTML5块元素标签的使用

内容简介：

  • HTML块

    1.HTML块元素
    块元素在显示时，通常会以新行开始
    如：<h1>、<p>、<ul>

    2.HTML内联元素
    内联元素通常不会以新行开始
    如：<b>、<a>、<img>

    3.HTML<div>元素
    <div>元素也被称为块元素，其主要是组合HTML元素的容器

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

  • 这里主要介绍下div元素，其中divid是标记，可以写成任意的，但是必须要一致。如下代码是新建的mycss.css文件中的代码：
    #divid p{
    color: orange;
    }
    #divid h {
    color: yellow;
    }

  • 需要引入的文件index.html中的代码：
    首先在<head>中引入外部资源：
    <link rel = "stylesheet" type = "text/css" href = "mystyle.css">
    然后在<body>中的代码：
    <div id = "divid">
    <p> 你好吗 你还好吗 </p>
    <h> 我是黄色 </h>
    </div>
    为了清晰期间在贴出实际截图：


    屏幕快照 2017-07-12 下午3.15.12.png

    屏幕快照 2017-07-12 下午3.15.22.png

大家可以试一下！谢谢！我会继续更新，学习的过程在于坚持不懈，我会努力的！！！

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容