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块元素标签的使用

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