影片教學

重點回顧

今天的內容主要是展示一些常用的元素elements

<hr> <!--就是水平線-->

<pre> <!--格式化元素內內容，也就是格式排版會原封不動顯示在網頁上-->
  for(int i = 0 ; i < 10 ; i++){
    cout << i <<    endl;
  }
</pre>

<ul> <!--無序清單-->
  <li>上課</li> <!--清單物件建立-->
  <li>吃午餐</li>
  <li>買東西</li>
</ul>

<ol type="A" start="3"> <!--有序清單，可以設定編號方式及起始值等屬性-->
  <li>上課</li>
  <li>吃午餐</li>
  <li>買東西</li>
</ol>

<table border="1"> <!--表格元素，此範例為三行(row)兩欄(column)-->
  <tr> <!--table row 元素，可以當作新增一行-->
    <th>姓名</th>  <!--table header 元素，可以當作新增一欄標題-->
    <th>學號</th>
  </tr>

  <tr>
    <td>小明</td> <!--table data 元素，可以當作新增一欄資料-->
    <td>101</td>
  </tr>

  <tr>
    <td>小王</td>
    <td>102</td>
  </tr>
</table>

<img src="img/e1x.jpg" alt="艾塞克斯號航空母艦" /> <!--圖片元素，需設定來源，可用絕對或相對路徑-->

圖片元素部分，一般來說建議用相對路徑較佳，避免網頁檔案搬移時造成絕對路徑失效。

以上是今天的影片，謝謝大家觀看。