HTML中的pre標簽可以讓我們在頁面上顯示代碼片段，這對于學習和分享代碼非常有用。pre標簽會保留代碼片段中的空格、換行和縮進格式，使其易于閱讀和復制。 在使用pre標簽時，通常需要將其包裹在一個代碼塊的容器中，例如一個div元素。這樣可以為代碼塊添加一些樣式和布局，并使其與其他頁面內容區分開來。下面是一個示例：上面的代碼塊中，我們使用了pre標簽和code標簽來包裹代碼片段。同時，我們給代碼塊的外層元素添加了一個class屬性，用于設置樣式。可以根據需要自由定義各種樣式，比如字體、顏色、邊框等等。 需要注意的是，pre標簽雖然可以自動處理縮進和空格，但是它不會處理代碼中的其他語法格式。如果需要高亮顯示代碼，通常需要使用一些工具或庫來實現，比如highlight.js或prism.js。這些工具可以根據代碼的語言類型自動識別和高亮顯示代碼。 在實際開發中，我們通常需要在頁面上顯示多個代碼片段，可能還需要添加一些注釋或說明。這時候可以使用循環或模板來自動生成代碼塊。下面是一個簡單的示例，使用循環生成多個代碼塊：上面的示例中，我們使用了PHP的foreach循環來遍歷代碼片段數組，并為每個代碼塊生成一個pre標簽。這里我們使用了一個簡單的語法來輸出變量。這樣，我們就可以根據數據來動態生成多個代碼塊，而不需要手動編寫每個代碼塊的HTML代碼。 總之，在HTML中使用pre標簽可以方便地在頁面上顯示代碼片段，幫助我們學習和分享代碼。同時，結合一些工具和技術，我們可以實現更加靈活、美觀和高效的代碼顯示方案。