html練習器,同學可常練習,請將以下11行複製貼上在下方的方框內再按「執行」觀看個人網頁:
<html>
<body>
<h3>
<font color=”blue”>
<p>檢定崗位號碼:01</p>
<p>檢定日期:2008/07/14</p>
<p>檢定人姓名:王大明</p>
</font>
</h3>
</body>
</html>
教學順序:
1、先請同學先打以下三行:
檢定崗位號碼:01
檢定日期:2008/07/14
檢定人姓名:王大明
顯示如下:
檢定崗位號碼:01 檢定日期:2008/07/14 檢定人姓名:王大明2、再請同學在每行開頭加上<p>,結尾加上</p>,p是paragraph段落的意思:
<p>檢定崗位號碼:01</p>
<p>檢定日期:2008/07/14</p>
<p>檢定人姓名:王大明</p>
顯示如下:
檢定崗位號碼:01
檢定日期:2008/07/14
檢定人姓名:王大明
3、請同學依指定內容表內容在前面加上<font color=”blue>,最後加上</font>,font color為字型顏色的意思:
<font color=”blue”>
<p>檢定崗位號碼:01</p>
<p>檢定日期:2008/07/14</p>
<p>檢定人姓名:王大明</p>
</font>
顯示如下:
檢定崗位號碼:01
檢定日期:2008/07/14
檢定人姓名:王大明
4、在前後各加上<h3></h3>,h3為header 3三號字型之意,數字愈小,字型愈大:
<h3>
<font color=”blue”>
<p>檢定崗位號碼:01</p>
<p>檢定日期:2008/07/14</p>
<p>檢定人姓名:王大明</p>
</font>
</h3>
顯示如下:
檢定崗位號碼:01
檢定日期:2008/07/14
檢定人姓名:王大明
5、在前後加上<body></body>,body身體是HTML的主體的意思,body為主要顯示內容。
<body>
<h3>
<font color=”blue”>
<p>檢定崗位號碼:01</p>
<p>檢定日期:2008/07/14</p>
<p>檢定人姓名:王大明</p>
</font>
</h3>
</body>
6、最後再加上<html></html>就大功告成了,html是Hyper Text Markup Language的意思。
<body>
<h3>
<font color=”blue”>
<p>檢定崗位號碼:01</p>
<p>檢定日期:2008/07/14</p>
<p>檢定人姓名:王大明</p>
</font>
</h3>
</body>
HTML練習器附解答網址:http://itw.idv.tw/index/
HTML練習器網址:http://itw.idv.tw/htmtest/