2019年2月5日 星期二

測試 code format -2

1. tab -> space
2. 將程式碼貼至:https://iamernie8199.blogspot.com/p/html.html
3. 使用「HTML」編輯 ,預設為「撰寫」。
4. 程式碼使用以下標籤包覆:
<pre class="prettyprint linenums">
</pre>

HTML CODE

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML基礎</title>
<style>
header, footer {
    clear: both;
    text-align: center
}

nav {
    float: left;
    width: 20%;
    background: lightyellow
}

article {
    float: left;
    width: 60%;
    background: lightgray
}

aside {
    float: right;
    width: 20%;
    background: lightpink
}
</style>
</head>
<body>
    <header>
        <h1>頁首</h1>
    </header>
    <nav>
        <h1>導覽列</h1>
    </nav>
    <article>
        <h1>內容區</h1>
    </article>
    <aside>
        <h1>側邊欄</h1>
    </aside>
    <footer>
        <h1>頁尾</h1>
    </footer>
</body>
</html>

沒有留言:

張貼留言