Html常用标签总结

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <header>头部
        <img src="">
        <hgroup>
            <h1></h1>
            <h2></h2>
        </hgroup>
    </header>
    <div>
        <article>内容页
            <img src="">
            <h2></h2>
            <address>个人信息</address>
            <time>时间</time>
        </article>
    </div>
    <aside>相对于一个content,显示在他的旁边(右边)</aside>
    <section>逻辑快,更好理解</section>
    <footer>尾部,可以不出现在尾部,只是逻辑上的,告诉浏览器这里算是我的尾部了</footer>
<figure>与布局无关的,把他去了,样式无影响,有他没他一样,与整体布局无关</figure>
<figcaption>与布局无关的,把他去了,样式无影响,有他没他一样,与整体布局无关</figcaption>
<ruby><rt>显示超字符集(比如显示繁体字,日文),在当前系统里没有这字库</rt></ruby>
</head>
<body>
<div style="border: 1px solid red;margin: 10px">2</div>
<div style="border: 1px solid red;margin: 10px;width: 80px;height:80px;background-image: url(Zhongma_Mar_1_Mar_15.png); background-position: 30px 30px;">2</div>
<ruby><rt></rt></ruby>
</body>
</html>

 

posted @ 2016-04-07 16:31  阿玛  阅读(124)  评论(0)    收藏  举报