網頁教學

copyText

Field1:
Field2:

A function is triggered when the button is clicked. The function copies the text from Field1 into Field2.

拖動image into the rectangle

Drag the W3Schools image into the rectangle:

Try opening this page, then go offline, and reload the page. The script and the image should still work.

clickcount

Click the button to see the counter increase.
Close the browser tab (or window), and try again, and the counter will continue to count (is not reset).

確定取消

Click the button to display a confirm box.

counter

Click on the "Start count!" button above to start the timer. The input field will count forever, starting at 0. Click on the "Stop count!" button to stop the counting. Click on the "Start count!" button to start the timer again.

My First JavaScript

JavaScript can change the content of an HTML element.

This is a link w3schools.com
This is a link w3schools.com basic.asp

首頁new

旅遊日誌　 　　心情寫作　 　　河濱公園巡禮　 　　　鐵路乘車注意事項

這是邊框厚度為5(border="5") 邊框顏色為綠色(bordercolor="#00FF00")的表格

首頁

各種表格

這是最簡單的表格

這是寬度200(width="200"), 高度100(height="100")的表格

這是邊框厚度為10(border="10")的表格

這是邊框厚度為5(border="5") 邊框顏色為綠色(bordercolor="#00FF00")的表格

按鈕

111

345

---

編號排序標籤ol的預設效果(1 type)

1. 第一項
2. 第二項

編號排序標籤ol的a(小寫英文字)type

1. 第一項
2. 第二項

編號排序標籤ol的A(大寫英文字)type

1. 第一項
2. 第二項

編號排序標籤ol的i(小寫羅馬數字)type

1. 第一項
2. 第二項

編號排序標籤ol的I(大寫羅馬數字)type

1. 第一項
2. 第二項

編號排序標籤ol也可以由我們自行設定起始值(start)

7. 第一項
8. 第二項

按鈕 123

台北舊火車站

台北地下鐵(youtobe)