在前端開發中，經常需要查看網頁的html代碼。如果直接在瀏覽器中右鍵點擊查看源代碼，可能會很混亂，難以閱讀和理解。這時候就需要使用F12審查元素功能來找到網頁的html代碼。
打開網頁后，按下F12鍵，或者通過鼠標右鍵菜單中的“審查元素”進入開發者工具。
<!DOCTYPE html> <html> <head> <title>示例網頁</title> </head> <body> <h1>這是一個標題</h1> <p>這是一個段落。</p> </body> </html>
在開發者工具中，可以看到網頁的代碼。一般來說，代碼會被分成多個部分，包括html、css、js等。我們只需要點擊左側的html標簽，就可以看到網頁的html代碼了。
在html代碼中，不同的標簽代表著不同的元素。比如<h1>代表一個標題，<p>代表一個段落。通過查看html代碼，我們可以更好地理解和修改網頁的結構和樣式。