前端基礎八之文字標籤

2021-07-30 06:58:51 字數 918 閱讀 3854

1、strong與em標籤

strong表示乙個強調內容,重要內容,該標籤內容一般有個加粗的效果.

em表示強調內容,但是沒有strong那麼強烈,一般以斜體表示。

2、b標籤與i標籤

b標籤用來設定加粗的文字,顯示效果和strong是一樣的;i標籤用來設定斜體字,顯示效果和em是一樣的。

但是注意的是,b和i沒有任何的語義(不同於strong標籤和em標籤)。就是加粗和斜體的標題。

根據h5的標準,如果只是單純的為一段文字設定加粗或斜體,可以使用b和i。

3、small標籤和big標籤

small會使它裡面的文字略小於其父元素中文字的大小。h5標準中規定small標籤用來表示細則(小字)一類的資訊。

big會使它裡面的文字略大於其父元素中文字的大小。但是h5標準中規定big標籤沒有語義,一般不用。

5、q和blockquote標籤

q和blockquote標籤都是表示引用的內容。

q表示乙個短引用(行內引用),瀏覽器一般會在q的前後各加乙個引號

blockquote標籤表示乙個長引用(塊引用)。

6、sup和sub標籤

sup標籤表示乙個上標

sub表示乙個下標

7、del和ins標籤

del表示刪除的內容,預設新增乙個刪除線。

ins表示插入的內容,預設新增乙個下劃線。

8、pre和code標籤

在網頁中編寫程式的**,想在頁面中顯示。

用pre標籤,格式標籤,可以將**中的格式保留,一般我們使用該標籤顯示一些程式的**。

一般也可以將pre和code標籤聯用顯示程式**。

但是code標籤是語義標籤沒有格式,單獨使用不能將**按格式顯示。

小結:注意區分語義標籤和無語義標籤,在h5標準中,一般不用無語義標籤。

前端基礎之頭部幾個基礎標籤解析

meta name viewport content width device width,initial scale 1.0 這個標籤中的name屬性是告訴瀏覽器,這個標籤起什麼作用,viewport的意思是檢視視窗,也就是說這個標籤是用來控制一些關於檢視視窗的操作的。content屬性 widt...

HTML body標籤之文字標籤

表示用h1 h6這幾個符號表示 eg 作用將其中的文字加粗加黑顯示,h1 h6顯示效果依次減弱,並且標題標籤自帶換行功能。像這樣自己佔一行的標籤也叫塊級標籤。標籤屬性 標籤的屬性是對標籤功能進一步的補充,可以由開發人員自由的指定屬性值,來達到想要的顯示效果。標題標籤的屬性有 屬性名屬性值 作用ali...

web前端基礎 HTML文字和段落標籤

align對齊屬性值值描述 left 左對齊right 右對齊center 居中對齊 justify 對行進行伸展,每行可以有相等的長度 列表項 列表項 值描述1 數字1,2 a字母a,b a字母a,b i小寫羅馬數字i type屬性值 值描述 disc 圓點square 正方形circle 空心圓...