<html>
 <head>
  <meta http-equiv='Content-Type' content='text/html;charset=utf-8' />
  <title>上課第三天</title>
 </head>
 <body>
  <!-- 課堂學員自行操作練習題目 -->
  <div align='center'>
  據日本內閣府指出,<b>在未來3個會計年度內,</b>
  <i>包括坍塌或受損房屋、</i>工廠,以及道路與橋<font color='blue'>樑等基礎設施的全部</font>重建費用,
  估計在<u><font color='blue'>16兆至25兆</font></u>日圓之間。
  </div>
  <!-- 課堂學員自行操作練習題目 -->
  
  <a href='http://www.google.com.tw' target='_blank'>前往 Google </a>
  <!-- 設定一個使用另開新視窗的方式,超連結到 Google 站。注意 http:// 不能省略 -->
  
  <a href='mailto:stephen@mail.com?subject=Hello!' style='text-decoration:none'>mail for me</a>
  <!-- 設定一個電子郵件的超連結,並設定收件人為stephen@mail.com,主旨為 Hello!   style='text-decoration:none 可以讓超連結不帶底線 -->
  
  <a href='mailto:stephen@mail.com'><img src='img/mail.jpg'></a>
  <!-- 設定一張圖片作為超連結 -->
  
  <hr></hr>
  <!-- 項目清單標籤練習 -->
  <!-- 項目符號 -->
  我的專長:
  <ul type='disc'>  <!-- 黑色點 -->
   <li>打電腦</li>
   <li>打人</li>
   <li>打小孩</li>
  </ul>
  
  <ul type='circle'>  <!-- 中空圓 -->
   <li>打電腦</li>
   <li>打人</li>
   <li>打小孩</li>
  </ul>
  <ul type='square'>  <!-- 方塊 -->
   <li>打電腦</li>
   <li>打人</li>
   <li>打小孩</li>
  </ul>
  
  <p/>
  <!-- 項目編號 -->
  我的專長:
  <ol start='3'>   <!-- 利用 start 屬性,讓編號從 3 開始 -->
   <li>打電腦</li>
   <li>打人</li>
   <li>打小孩</li>
  </ol>
  
  <ol type='A'>  <!-- 用 A B C ... 編號 -->
   <li>打電腦</li>
   <li>打人</li>
   <li>打小孩</li>
  </ol>
  
  <ol type='a'>  <!-- 用 a b c ... 編號 -->
   <li>打電腦</li>
   <li>打人</li>
   <li>打小孩</li>
  </ol>
  
  <ol type='I'>  <!-- 用 I II III... 編號 -->
   <li>打電腦</li>
   <li>打人</li>
   <li>打小孩</li>
  </ol>
  
  <ol type='i'>  <!-- 用 i ii iii ... 編號 -->
   <li>打電腦</li>
   <li>打人</li>
   <li>打小孩</li>
  </ol>
  
 </body>
</html>

arrow
arrow
    全站熱搜

    t3893527f 發表在 痞客邦 留言(0) 人氣()