html small標簽的如何使用?HTML small標簽的用法總結
發表時間:2023-09-01 來源:明輝站整理相關軟件相關文章人氣:
[摘要]HTML中不使用css樣式來使文本變小,很多人都忘了這一種元素,small標簽它的功能就是能在大部分元素中使用,并讓被small標簽選中的文本比正常的文本小一個字號,這就是small標簽,接下來我們看看下面這篇關于small標簽使用實例的文章吧首先我們來看一個HTML small標簽使用的實例:&...
HTML中不使用css樣式來使文本變小,很多人都忘了這一種元素,
small標簽它的功能就是能在大部分元素中使用,并讓被small標簽選中的文本比正常的文本小一個字號,這就是small標簽,接下來我們看看下面這篇關于small標簽使用實例的文章吧
首先我們來看一個HTML small標簽使用的實例:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網</title>
</head>
<body>
這是一個<small>正常的</small>文本
</body>
</html>
如圖第一個簡單的small標簽的使用,正常的都是嵌套在別的文本標簽內部的,比如都是在<p>標簽的內部,想讓哪幾個字或者詞變小一點就用這個屬性(這是除了css樣式之外的最好做法了)。
我們來看看上面small標簽的實例:

如圖是一個正常的文本,因為上面說了它是正常的文本,所以我們就當它是正常的文本使用好了。我們可以看到,被small標簽括起來的就是正常的這三個字,在網頁中顯示的效果是不是明顯比其它正常文本矮了一些,這就是我們要做的效果,個人感覺,有時候放大的標簽還有縮小的標簽更加顯眼。不說這些了。
我們繼續來看看small標簽的使用詳情:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網</title>
</head>
<body>
這是一個<small>正常的</small>文本
<h2>這也是一個<small>正常的</small>標題標簽</h2>
<p>這還是一個<small>正常的</small>段落標簽</p>
</body>
</html>
這次我一次在里面加了兩個標簽,還有一個是自由的,沒有加標簽的,默認也相當于p標簽。
我們來看看效果:

我們很明顯的可以看到,上圖的三段話中都發生了變小的事情,在最大字體h2中變的最明顯,我們看到的變得最大也是中間的那個標題標簽。看著效果很明顯就行了,我們的small標簽可以在大多數元素中幫助文本的變小化,在這插上一句,還有變大的標簽,也是和small標簽一樣,大多數的標簽都可以使用的,想看變大標簽的使用就到下方的小編推薦中。
small標簽的個人總結:
在任何文本元素中加上small標簽,都可以變得比旁邊其它的文本小上一號。在大多數標簽都是可以使用的,不過在學了css樣式之后就很少會用small標簽,都知道用css樣式會比較的容易。不過在純html文本中個人還是喜歡用small標簽,以為喜歡這種縮小的效果。
以上就是本篇關于html small標簽的文章了。想學更多就到PHP中文網,HTML學習手冊欄目中學習,有問題的同學可以在下方留言提問。
【小編推薦】
html中big標簽如何使用?html big標簽的使用實例
HTML段落元素中怎么設置空格?HTML空格的設置總結
以上就是html small標簽的如何使用?HTML small標簽的用法總結的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。