HTML源代碼是網頁的基礎，它負責定義網頁的結構、內容和樣式。在網頁中打開HTML源代碼可以讓開發者或者用戶更好地了解網頁的構成，以便進行修改或者優化。
打開網頁的源代碼非常簡單，只需要在瀏覽器中右鍵點擊網頁，選擇“查看頁面源代碼”即可。打開源代碼后，我們可以看到HTML標記，如p標簽、a標簽、img標簽等。P標簽用于定義段落，可以將一段文字包裹在p標簽中，實現文字排版的效果。下面是一個例子：
<html> <head> <title>我的網頁</title> </head> <body> <p>這是第一個段落</p> <p>這是第二個段落</p> </body> </html>代碼中使用了pre標簽，它可以在網頁中顯示出源代碼本來的格式，方便開發者更好地查看、理解和修改。pre標簽屬于預格式化標簽，也可以用于顯示代碼段、命令行輸出等等，它的主要作用是保留源碼中的空格、制表符和換行符等，不會將其自動忽略，能夠按照源碼格式精準地顯示出來。 在打開源代碼的同時，還可以使用Web開發者工具來檢查網頁各個元素的樣式，以便進行調整和優化。這些工具可以讓開發者更加高效地修改網頁的樣式和行為，改進用戶的體驗。 總之，打開網頁的源代碼可以讓我們更好地了解網頁的構成，更加高效地進行修改和優化。通過pre標簽和Web開發者工具的使用，我們可以進一步提高開發效率和用戶體驗。