Embedded Files
第一步:請先用HTML把基本的架構寫出來
第一步:請先用HTML把基本的架構寫出來
程式小知識-為什麼HTML一定要有「開始」程式碼
程式小知識-為什麼HTML一定要有「開始」程式碼
本質上 DOCTYPE 不是一個 HTML 標籤，宣告 DOCTYPE 的用意是用來告訴瀏覽器 (browser) 這一份文件是屬於什麼文件類型 (Document Type Declaration, DTD)，現代網頁的 DOCTYPE 基本上都是用 <!DOCTYPE html> 來表示這是一份標準的 HTML5 文件。
本質上 DOCTYPE 不是一個 HTML 標籤，宣告 DOCTYPE 的用意是用來告訴瀏覽器 (browser) 這一份文件是屬於什麼文件類型 (Document Type Declaration, DTD)，現代網頁的 DOCTYPE 基本上都是用 <!DOCTYPE html> 來表示這是一份標準的 HTML5 文件。
程式碼:
程式碼:
<!DOCTYPE html> 開始編輯網站
第二步:將網頁名稱設定為自我介紹
第二步:將網頁名稱設定為自我介紹
程式碼:
程式碼:
<head>
<title>自我介紹</title>
</head>
<body>
第三步:匯入圖片
第三步:匯入圖片
程式碼:
程式碼:
<img src="robot.png" alt="">
第四步:加入章節標籤
第四步:加入章節標籤
程式碼:
程式碼:
<p>
</p>
第五步:寫上內容便加入換行標籤(在<p>與</p>中間)
第五步:寫上內容便加入換行標籤(在<p>與</p>中間)
程式碼:
程式碼:
我是小灰，是一台樂於助人的機器人
<br>
興趣是寫程式、幫助他人...
<br>
最喜歡食物是新鮮的電！
<br>
如果你也喜歡寫程式，我們就一起加油吧！
預覽畫面及完整程式碼
預覽畫面及完整程式碼
<!DOCTYPE html>
<html>
<head>
<title>自我介紹</title>
</head>
<body>
<img src="robot.png" alt="">
<p>
我是小灰，是一台樂於助人的機器人
<br>
興趣是寫程式、幫助他人...
<br>
最喜歡食物是新鮮的電！
<br>
如果你也喜歡寫程式，我們就一起加油吧！
</p>
<button onclick="hello()" class="bg-gray">跟小灰打招呼</button>
</body>
</html>
js程式碼
js程式碼
欲知其互動程式碼，請看影片了解
css程式碼
css程式碼
欲知其裝飾程式碼，請看影片了解
Page updated
Google Sites
Report abuse