網頁設計離不開HTML,HTML中的字體設置也是非常重要的。在HTML中,我們可以使用不同的標簽來設置字體,比如font
、span
和p
標簽。下面我們就來看一下如何使用這3種字體標簽。
使用font
標簽設置字體
<font size="4" color="red" face="Georgia">這是使用font標簽設置的字體</font>
在上面的代碼中,size
屬性用于設置字號大小,可以設置的數值為1-7,值越大字號越大。color
屬性用于設置字體顏色,可以使用顏色名、RGB值或十六進制值來設置。face
屬性用于設置字體類型,可以設置Web-safe字體或自定義字體。 在這個例子中,字號大小為4,顏色為紅色,字體類型為Georgia。
使用span
標簽設置字體
<span style="font-size: 24px; color: blue; font-family: Arial;">這是使用span標簽設置的字體</span>
在上面的代碼中,我們使用了style
屬性,用于設置字體樣式。在style
屬性中,我們可以使用CSS樣式屬性來設置字體大小、顏色和類型。 在這個例子中,字號大小為24px,顏色為藍色,字體類型為Arial。
使用p
標簽設置字體
<p style="font-size: 16px; color: green; font-family: Verdana;">這是使用p標簽設置的字體</p>
與使用span
標簽相比,使用p
標簽設置字體可以更方便地對整段文字進行樣式設置。我們可以在p
標簽中使用style
屬性來設置字體樣式。 在這個例子中,字號大小為16px,顏色為綠色,字體類型為Verdana。