HTML-块标签 

<!DOCTYPE html>
<html>
  <head>
    <title>块标签.html</title>
    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
    <!--
       div:行级块标签
       span:行内块标签
                作用：div:div+css布局
            span:进行友好提示
      -->
      
      <div style="background-color:red">div1</div>
      <div style="background-color:green">div2</div>
      <span style="background-color:blue">span1</span>
      <span style="background-color:pink">span2</span>
  </body>
</html>

 

posted @ 2018-06-16 21:46  简简单单zjl  阅读(146)  评论(0)    收藏  举报