html5-常用的通用元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用的通用属性</title>
    <style type="text/css">
        
        #div1{width: 100%;height: 708px;}
        #div2{width: 100%;height: 10%}
        #div3{background: #f8f8f8;width: 20%;height: 80%;float: left;}
        #div4{background: #f0f0f0;width: 80%;height: 80%;float: left;}
        #div5{width: 100%;height: 10%;clear: left;}
        .class1{background: red;}
    </style>
</head>
<body>
    <div id="div1">
        <div id="div2" class="class1" title="注释的内容">头部</div>
        <div id="div3">导航栏</div>
        <div id="div4">我是ifrmae框架</div>
        <div id="div5" class="class1">尾部</div>
    </div>
    <b title="我可以加粗文字">b标签</b>
    <bdo dir="rtl">侯伟东的方向</bdo>
    <p dir="rtl">张仙丽</p>
    <p lang="en">hello word</p>
</body>
</html>

posted @ 2017-09-09 10:29  侯伟东  阅读(1004)  评论(0编辑  收藏  举报