header元素

時間  2019-11-17
標籤 header 元素 简体版
原文   原文鏈接 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>head</title>
</head>
<body>
<header>
    <h1>網頁標題</h1>
</header>
<article>
    <header>
        <h1>文章的標題</h1>
    </header>
    <p>文章的內容</p>
</article>
</body>
</html>

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin:0;
            padding:0;
        }
        body{
            font-family:微軟雅黑；
            text-align:center;
        }
        a{
            color:orange;
            text-decoration: none;
        }
        hgroup{
            margin-bottom: 10px;;
        }
        nav{
            background: orange;
            height:48px;
        }
        nav li{
            float:left;
            background-color: #000000;
            border-radius: 5px;
            padding:5px 10px;
            margin:10px;
            list-style: none;
        }
    </style>
</head>
<body>
<header>
    <hgroup>
        <h1>html5視頻教程</h1>
        <a href="#">[手機版]</a>
        <a href="#">[網站論壇]</a>
    </hgroup>
    <nav>
        <ul>
            <li>
                <a href="#">首頁</a>
            </li>
            <li>
                <a href="#">手機版</a>
            </li>
            <li>
                <a href="#">網站論壇</a>
            </li>
        </ul>
    </nav>
</header>
</body>

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程