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

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>HTML基礎</title>
  6. <style>
  7. header, footer {
  8.     clear: both;
  9.     text-align: center
  10. }
  11.  
  12. nav {
  13.     float: left;
  14.     width: 20%;
  15.     background: lightyellow
  16. }
  17.  
  18. article {
  19.     float: left;
  20.     width: 60%;
  21.     background: lightgray
  22. }
  23.  
  24. aside {
  25.     float: right;
  26.     width: 20%;
  27.     background: lightpink
  28. }
  29. </style>
  30. </head>
  31. <body>
  32.     <header>
  33.         <h1>頁首</h1>
  34.     </header>
  35.     <nav>
  36.         <h1>導覽列</h1>
  37.     </nav>
  38.     <article>
  39.         <h1>內容區</h1>
  40.     </article>
  41.     <aside>
  42.         <h1>側邊欄</h1>
  43.     </aside>
  44.     <footer>
  45.         <h1>頁尾</h1>
  46.     </footer>
  47. </body>
  48. </html>
張貼者： 於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)