CHAPTER 02 · PRACTICE WORKSPACE

HTML 結構、圖片路徑與第三方嵌入

完成含文字、圖片、觀看目的、外部連結與嵌入影片的個人介紹頁

04 Solution 3/3
  1. 01Starter讀懂作品骨架
  2. 02Checkpoint 1加入第一項能力
  3. 03Checkpoint 2累積第二項能力
  4. 04Solution核對完整結果

TASK STATUS

三項任務目前狀態

TASK-01已完成

完成個人介紹標題

修改檔案:index.html

完成後看見:頁面顯示姓名與職涯方向

TASK-02已完成

修正圖片來源與替代文字

修改檔案:index.html

完成後看見:個人照片正常顯示且有可讀的 alt

TASK-03已完成

嵌入影片並補上觀看目的與外部連結

修改檔案:index.html

完成後看見:影片可播放,旁邊有觀看目的與可開啟的外部連結

WORKSPACE

本階段實作區

已完成 TASK-03;請操作完整作品,逐項核對三項 Task 的可見結果。

個人介紹

小安|前端學習者

我喜歡把生活中的問題整理成簡單畫面。

認識我

木桌上放著筆記型電腦與筆記本

這是我準備網站作品時最常使用的工作桌。

我正在學什麼

觀看這段影片,先認識 HTML 如何描述頁面結構。

閱讀 iframe 延伸說明

CONTINUE

把完成品帶進本章創作挑戰

三項固定任務都已完成;下一步請改造需求、留下成果證據,不要停在照抄 Solution。

前往本章創作挑戰