在編寫網站時，我們經常需要使用CSS來美化網站的樣式。但是，在對網站樣式進行設計時，我們也需要對文章、段落和代碼進行標記。在這里，我們將介紹如何使用p標簽來標記文章和段落，以及如何使用pre標簽來標記代碼塊。 p標簽是用來包圍文章和段落的框架，通過使用p標簽可以為文章和段落設置樣式。使用p標簽很簡單，只需要將文章或段落的文本包含在p標簽中即可，如下所示：

這是一個段落。

我們也可以使用id或class屬性來定位和變更一組段落或文章的樣式。例如：

這是一個簡介段落。

這是正文段落。

pre標簽用來包圍代碼塊，可以使代碼塊在瀏覽器中保持原來的格式，并且這些內容不會被自動解析。使用pre標簽很簡單，只需要將代碼塊放在pre標簽中即可。例如：

public class MyClass{
//some code here
}

上述代碼塊將會以原有格式出現，不會被轉化。在其中使用code標簽來定義代碼塊，可以定義多個類別以分配不同的顏色和字體。 通過以上介紹，我們學習了如何在CSS中標記文章、段落和代碼塊。這些標記可以優化網站的樣式和內容呈現，使網站更加美觀易讀。