改成自己的頁面標題
修改檔案:index.html
完成後看見:瀏覽器分頁與主標題顯示自己的作品名稱
CHAPTER 01 · PRACTICE WORKSPACE
能從正確資料夾開啟自己的第一個網頁,並提供可點擊的聯絡入口
TASK STATUS
修改檔案:index.html
完成後看見:瀏覽器分頁與主標題顯示自己的作品名稱
修改檔案:index.html
完成後看見:頁面出現姓名與一句自我介紹
修改檔案:index.html
完成後看見:頁面出現學習目標,聯絡連結可實際點擊
WORKSPACE
已完成 TASK-01;先核對可見結果,再前往 TASK-02。
FOCUS TASK · TASK-02
比較:文字是內容,元素是結構;先找到正確元素,再替換內容,不能只改畫面猜測。
現在做:在編輯器搜尋 id="intro",先指出承載介紹的整個元素,再只替換其中的文字內容;儲存並重新整理,確認元素位置與段落結構沒有被改掉。
預期:能找到 id="intro" 的介紹元素,只改文字內容就完成替換;元素位置與結構仍保留。
證據:截圖或指出修改前後的 id="intro",說明哪一段是元素結構、哪一段是文字內容。
比較:修改正確檔案與開啟正確頁面是兩件事;路徑錯了,畫面不會反映修改。
現在做:先關閉目前的 index.html,再從 VS Code 檔案列表重新開啟 Starter 的 index.html;比較編輯器 breadcrumb 與瀏覽器 URL,寫下兩者都應包含的章節資料夾名稱,不修改內容。
預期:編輯器與瀏覽器都指向同一個章節資料夾;能說明只改正確檔案仍不夠,瀏覽器也必須開啟同一份頁面。
證據:截圖 VS Code breadcrumb 與瀏覽器 URL,圈出兩者共同的章節資料夾名稱。
完成條件:DONE-02:頁面出現姓名與一句自我介紹
我的第一個網頁
請輸入姓名與自我介紹
請輸入一個可展示的目標
CONTINUE
前往 Checkpoint 2,依要求完成「完成第一段自我介紹」。