各位帥哥美女晚安安，歡迎來到coding小白盜版學校官網的第13天～這個計畫的內容是我這個coding超新手會在這30天裡，把複刻學校官網當作目標，從最基礎的前端html、css、js...開始邊做邊學，紀錄每天的學習進度，看看一個月過去能學到什麼程度。

不是我在狡辯，但我今天真的很認真的在做專題...所以進度很少很少是情有可原的啦...
俗話說半真半假的謊言更真實，我還以為是甚麼連續劇的經典台詞，沒想到是大師說過的話

今天的進度就來以真亂假

加入連結 a

學校首頁就是有一堆可以點進去的連結所組成的嘛，所以模仿起來非常簡單，
只需要幫各個div外面加上一組< a>< /a>標籤，點擊他就可以前往指定網址ㄌ

雖然認識< a>< /a>但我其實還沒真的用過，以前看範例也都是示範加在p的外面，不確定能不能加在div外，所以保險起見還是問了一下chatgpt學長：如何為整個div加上連結，也是用a標籤嗎

對 👍 一般來說要讓整個 < div> 都可以點擊跳轉，確實是用 < a> 標籤把它包起來。
像這樣：
< a href="https://example.com" style="display:block; text-decoration:none; color:inherit;">
< div class="card">
< h2>標題< /h2>
< p>這裡是內容< /p>
< /div>
< /a>
幾個注意事項：
< a> 可以包 < div>：在 HTML5 中是合法的，整個區塊就會變成可點擊。
display:block：讓 < a> 變成區塊元素，這樣就能像 div 一樣包覆整個區塊。
樣式處理：通常會加上 text-decoration:none; color:inherit;，避免文字變藍色或出現底線。
如果要做可存取性（Accessibility），可以搭配 role="button" 或加 aria-label 說明。

ㄟ，這個提醒「通常會加上 text-decoration:none; color:inherit;，避免文字變藍色或出現底線。」
檢查一下檔案...之前在做下拉式選單的時候已經幫全域設定過了，省了一個步驟嘿嘿

a {
    display: block;
    color: inherit;
    text-decoration: none;
}

確認沒問題就開做！
找到對應的頁面並複製連結&貼上，簡簡單單

<a href="https://www.ntue.edu.tw/p/406-1000-46820,r492.php?Lang=zh-tw">
                        <div class="information01">
                            <p class="font08">2024-08-13</p><p>/</p>
                            <p>【公告】本校114學年度大學分發入學不另寄發錄取通知，錄取生請至本校網頁「新生專區」查閱註冊須知</p>
                        </div>
                    </a>

順便也把vercel的內容更新，歡迎參觀
https://julia-s-ntue.vercel.app/

以上，今天先這樣啦，希望我明天能生出點像樣的進度，ㄅㄅ～