HTML5块元素标签的使用

作者: LuxDark | 来源:发表于2017-07-12 15:17 被阅读93次

内容简介:

  • 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

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

相关文章

  • HTML5 新增标签

    HTML5新增标签 HTML5新增了27个标签元素,废除了16个标签元素,主要包括结构性标签、级块性标签、行内语义...

  • HTML5块元素标签的使用

    内容简介: HTML块1.HTML块元素块元素在显示时,通常会以新行开始如: 、 、 2.HTML内联元素内联元素...

  • HTML5-2(新增标签)

    HTML5新增加了27个标签元素,废弃了16个标签元素,主要包括结构标签,级块性标签,行内语义性标签,交互性标签 ...

  • HTML5新增标签

    HTML5新增了27个标签元素,废弃了16个标签元素,主要包括结构性标签、级块性标签、行内语义性标签、交互性标签 ...

  • HTML5 学习之路 二

    HTML5新增了27个标签元素,废弃了16个标签元素,主要包括结构性标签、级块性标签、行内语义性标签、交互性标签 ...

  • HTML5部分新标签

    HTML5部分新标签 语义化标签 header 表示头部-块元素 section -区块 footer --底部 ...

  • HTML5 MathML

    HTML5 MathML HTML5 可以在文档中使用 MathML 元素,对应的标签是 ...

  • HTML5_MathML

    HTML5 MathML HTML5 可以在文档中使用 MathML 元素,对应的标签是 ...

  • css高级

    HTML4 常用标签 HTML5 常用标签 语义化的好处 如何写出更优的 html 标签嵌套 内联元素:不能包含块...

  • canvas学习

    标签: cancas canvas是什么? HTML5 的 canvas 元素使用 JavaScript 在网页上...

网友评论

    本文标题:HTML5块元素标签的使用

    本文链接:https://www.haomeiwen.com/subject/epdbhxtx.html