萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 簡單的html標簽學習

簡單的html標簽學習

大家知道html標簽學習嗎?下面我們就給大家詳細介紹一下吧!

<!doctype html>

<html>

<head>

<title></title>

<meta charset="utf-8">

</head>

<!--[if lt IE 9]> 

<script src=”html5.js”></script>  

<![endif]--> 

 

<style>

*{margin :0;padding:0; }

 html{overflow-y:scroll;}

 body {text-align: center;color:#000;font:  12px/24px  "宋體",Arial,Verdana, Geneva, Helvetica, sans-serif;}

 body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,td,img{margin:0;padding:0;border:0;}

 ul,ol{list-style-type:none;}

 select,input,img,select{vertical-align:middle;}

 table { border-collapse:collapse; border-spacing:0; }

 button{ cursor:pointer;}

 a,a:visited,a:hover,a:active {text-decoration:none;}

 div {margin:0 auto;}

 .l {float:left; }

 .r{float:right;}

 .cl {clear:both;}

   .clearfix:before,

   .clearfix:after {

      content:"";

      display:table;

   }

   .clearfix:after {

     clear:both;

     overflow:hidden;

   }

  .clearfix {

     zoom:1; /* IE < 8 */

  }

.tl {text-align: left;}

.tc {text-align: center;}

.tr {text-align:right;}

.fs14 {font-size: 14px;}

.fs16 {font-size: 16px;}

.fs18 {font-size: 18px;}

.fs20 {font-size: 20px;}

.fs26 {font-size: 26px;}

.ffyh{font-family:'微軟雅黑','黑體','宋體';}

.ffss{font-family: "SimSun";}

.ffar{font-family: Arial;}

.lh14 {line-height: 14px;}

.lh16 {line-height: 16px;}

.lh18 {line-height: 18px;}

.lh20 {line-height: 20px;}

.lh22 {line-height: 22px;}

.lh24 {line-height: 24px;}

.oh{overflow: hidden;}

.ho{height: auto;}

.dblock{display: block;}

.dnone{display: none;}

.pt20{padding-top:20px}

header {width:100%;height:200px;background:#FFCC33;}

footer {width:100%;height:200px;background:#CCCC66;}

header,footer{margin:20px  0px;}

#container {width:100%;height:500px;background:#000000;}

.container-1{float:left;width:70%;background:#CC6600;}

.container-2{float:left;width:30%;background:#00CC00;}

.container-1,.container-2{margin:20px  0px;height:200px;}

/**/

</style>

<body>

<header>

頭部header

</header>

<section id="container ">

 <section class="clearfix">

<article class="container-1 ">

  這裡是article

</article>

<aside class="container-2">

側邊欄

</aside>

 </section>

</section>

<footer>

這裡底部

</footer>

</body>

</html>

相信大家已經學會html標簽學習了吧!感謝大家對我們網站的支持!

相關推薦:

簡單的html標簽教程

copyright © 萬盛學電腦網 all rights reserved