您现在的位置： 万盛学电脑网 >> 程序编程 >> 网页制作 >> Html5 >> 正文
简单的html标签学习
作者：佚名 责任编辑：admin 更新时间：2022-06-22
大家知道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标签教程- 上一个程序编程： html标签语言是什么
- 下一个程序编程： 简单的html标签教程
