在 HTML 中，代碼的左邊縮進是一個重要的排版技巧，能夠讓代碼更清晰易讀。那么，如何在 HTML 中實現代碼的左邊縮進呢？
<html>
<head>
<style type="text/css">
/* 聲明代碼塊的樣式 */
pre {
background-color: #f1f1f1;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 14px;
line-height: 1.6;
}
</style>
</head>
<body>
<!-- 在 pre 標簽中編寫代碼 -->
<pre>
<html>
<head>
<title>我的網頁</title>
</head>
<body>
<p>Hello World！</p>
</body>
</html>
</pre>
</body>
</html>代碼中，我們使用了 pre 標簽來定義代碼塊，然后在 pre 標簽中編寫代碼。為了讓代碼更易讀，我們為 pre 定義了一些樣式，如背景顏色、內邊距、邊框等等。同時，我們使用空格（ ）來明確指定每個代碼行的縮進距離，這樣就能實現代碼的左邊縮進效果。
如果你想在 HTML 中優雅地排版代碼，左邊縮進是一個不錯的選擇。快來試試吧！
上一篇html布局源代碼
下一篇python 接頭自動化