STEP GUIDE · Solution

這個步驟要做什麼、改哪裡、怎麼看結果

這一步聚焦 TASK-03;下方只比較「Checkpoint 2 → Solution」的真實異動。

01

三項 Task 進度

TASK-01已完成

改成自己的頁面標題

預計修改:index.html

完成後:瀏覽器分頁與主標題顯示自己的作品名稱

TASK-02已完成

完成第一段自我介紹

預計修改:index.html

完成後:頁面出現姓名與一句自我介紹

TASK-03本步驟處理

寫下學習目標並加入聯絡入口

預計修改:index.html

完成後:頁面出現學習目標,聯絡連結可實際點擊

02

HTML、CSS、JavaScript 與文件實際異動

展開檔案卡查看必要差異;只有程式碼區可以橫向捲動。

HTML本步驟有異動

檔案:index.html

修改前

<p id="goal">請輸入一個可展示的目標</p>
<a id="contact-link">聯絡入口尚未設定</a>

修改後

<p id="goal">完成一個能在手機上展示的個人作品集。</p>
<a id="contact-link" href="mailto:xiaoan@example.com">寄信給小安</a>
CSS本練習未使用

檔案:style.css

修改前

本練習沒有這個檔案。

修改後

本步驟不需修改此語言。
JavaScript本練習未使用

檔案:script.js

修改前

本練習沒有這個檔案。

修改後

本步驟不需修改此語言。
README/其他文件本練習未使用

檔案:README.md

修改前

本練習沒有這個檔案。

修改後

本步驟不需修改此語言。
03

怎麼看到結果

  1. 準備

    先開啟本階段頁面,記住瀏覽器分頁與頁面目前文字。

  2. 操作

    重新整理後確認學習目標已出現,再點擊聯絡連結,確認瀏覽器辨識 mailto 或開啟 HTTPS 頁面。

  3. 預期

    頁面出現學習目標,聯絡連結可實際點擊

Solution TASK-03

寫下學習目標並加入聯絡入口

完成後可見:頁面出現學習目標,聯絡連結可實際點擊

我的第一個網頁

小安的第一個網頁

我是小安,正在學習把想法做成網頁。

我的學習目標

完成一個能在手機上展示的個人作品集。

寄信給小安