在HTML中，attr即為attribute，用于給標記元素添加屬性。通過attr，我們可以為元素添加特定的屬性，如類、ID、標題、語言、尺寸等等。在本文中，我們將重點討論如何使用attr設置屬性。

<div class="example">
<p id="first-paragraph">這是第一段</p>
<p id="second-paragraph">這是第二段</p>
</div>

以上是一個包含兩個段落的div元素。現在，我們想給這兩個段落分別添加標題和語言屬性。下面就是使用attr為這兩個段落添加屬性的方式：

<div class="example">
<p id="first-paragraph" title="第一段" lang="zh-cn">這是第一段</p>
<p id="second-paragraph" title="第二段" lang="zh-cn">這是第二段</p>
</div>

在以上代碼中，我們使用title和lang兩個attr為這兩個段落分別設置了標題和語言屬性。其中title屬性為段落添加了一個提供更多信息的鼠標懸停提示，而lang屬性則指定了段落的語言。

另外，我們也可以使用attr為元素添加其他屬性。例如，下面的代碼將為一個圖片元素添加了alt屬性和width屬性：

<img src="example.jpg" alt="這是一個例子" width="500">

在本文所提到的這些屬性只是HTML中可以用來添加的屬性的冰山一角。想要了解更多關于HTML屬性的知識，可以去查閱HTML的相關文檔或者教程。