想看看網頁是如何構建的？ 嘗試查看其源代碼。
查看網頁的HTML源代碼是學習HTML的最簡單（也是最有效的）方法之一，尤其是對於剛剛開始行業的新型Web專業人士而言。 如果您在網站上看到某些內容並想知道它是如何完成的，請查看該網站的源代碼。
如果您只是喜歡網站的佈局，查看源代碼以了解該佈局是如何實現的，將有助於您學習和改進自己的工作。 多年來，許多網頁設計師和開發人員僅僅通過查看他們看到的網頁源就學到了很多HTML。 對於初學者來說，學習HTML和經驗豐富的網絡專業人士來看看新技術如何應用於網站，這是一種很好的方式。
請記住，源文件可能非常複雜。 除了頁面的HTML標記外，可能還會有很多用於創建該網站外觀和功能的CSS和腳本文件，因此，如果您無法立即了解正在進行的操作，請不要感到沮喪。 查看HTML源代碼只是第一步。 之後，您可以使用Chris Pederick的Web Developer擴展工具來查看CSS和腳本以及檢查HTML的特定元素。
如果您使用的是Safari瀏覽器，那麼您可以通過瀏覽頁面的源代碼來了解它是如何創建的。
如何在Safari中查看HTML源代碼
- 打開Safari。
- 導航到您想要查看的網頁。
- 點擊頂部菜單欄中的“顯影”菜單。 注意：如果“修改”菜單不可見，請進入“高級”部分的“首選項”，然後選擇菜單欄中的“顯示修改”菜單。
- 點擊顯示頁面源 。 這將打開一個文本窗口，其中包含您正在查看的網頁的HTML源代碼。
提示
- 在大多數網頁上，您還可以通過右鍵單擊頁面（不在圖像上）並選擇顯示頁面源來查看源代碼。 只有在“首選項”中啟用“顯影”菜單時才會顯示此內容。
- Safari還有一個鍵盤快捷方式來查看HTML源代碼 - 按住命令和選項鍵並點擊U（Cmd-Opt-U）。
查看源代碼是否合法？
雖然複製網站的代碼批發並將其作為您自己的網站傳遞給用戶當然是不可接受的，但使用該代碼作為學習的跳板實際上是在該行業中取得了多少進展。 事實上，你今天很難找到一個正在工作的網絡專業人士，他沒有通過查看網站的來源獲得一些信息！
最終，網絡專業人士彼此學習，並經常改進他們所看到並受其啟發的工作，因此不要猶豫，查看網站的源代碼並將其用作學習工具。