html常用標籤

2021-10-01 18:58:31 字數 1991 閱讀 1440

1.標題標籤

h1-h6

常規標籤

h1到h6字型大小是逐漸變小的

h1到h6都是預設加粗,都會獨佔一行,預設有上下間距

h1標籤在同乙個頁面裡面只能使用一次,它是頁面的主標題

因為h1標籤可以幫助seo優化的(搜尋引擎的優化)

2.段落文字標籤

p常規標籤;特點:獨佔一行,會有預設的上下間距.

3.轉義字元

hr是單標籤,同時也可以用來強制換行使用

6.加粗標籤[b ~strong]

常規標籤

都能使文字加粗,都不會獨佔一行

b: 為了加粗的效果而加粗

strong: 為了強調語氣而加粗

7.傾斜標籤

常規標籤

都能使文字傾斜,都不會獨佔一行

i: 為了傾斜的效果而傾斜

em: 為了強調語氣而傾斜

8.下劃線

underline

常規標籤,不會獨佔一行

9.刪除線

delete

常規標籤

都能有刪除線,都不會獨佔一行

10.上標,下標

上標 下標

常規標籤, 都不會獨佔一行

11.小號字型

small

常規標籤, 都不會獨佔一行

12.大號字型

big常規標籤, 都不會獨佔一行

13.預先格式

pre 會保留**中的空格和換行

14.列表標籤

列表標籤主要分為以下三種

無序列表

ul,li都是常規標籤,是獨佔一行

會自帶列表符號,小黑圓點

ul有預設上下間距的

**有序列表**

會自帶列表符號,預設是數字1,2,3,4

有type屬性

1: 預設值

a: a,b,c...

a: a,b,c...

i: i,ii,iii...

i: i,ii.iii...

有start屬性,從**開始

只能是數字

img 單標籤

src: 的所在的位置(絕對路徑/相對路徑),必填

alt: 替換文字,必填

在打不開(路徑錯誤/網路差/損壞)時,給我們的提示文字

佔據空間,幫助視覺障礙的人瀏覽,有利於seo優化

title: 標題

當滑鼠移入並懸浮的時候,會有提示文字

title不是獨有的,絕大部分標籤都能加title

width: 寬度

height: 高度

如果我們不寫寬高,大小應該時的原始尺寸

如果只寫寬或者只寫高,會等比例的放大或者縮小

如果都寫,按照寫的來,會導致寬高比失調

超連結標籤超連結鏈結文字/

雙標籤預設有字型顏色,下劃線

如果要鏈結到其他的**,前面必須要加協議

還可以通過相對路徑,跳轉到本地的其他頁面

target:

_blank: 在新視窗開啟

_self: 在當前視窗開啟(預設值)

16.div元span標籤之間的區別

沒有具體含義, 除了獨佔一行之外沒有任何其它的預設屬性,是頁面布局中常用的標籤;

一般可以做頁面的布局,可以作為其他標籤或者內容的容器

文字結點標籤

可以是某一小段文字,或是某乙個字。 它除了不換行外,沒有任何其它的預設屬性; 靈活性,

html常用標籤

總類 所有html檔案都有的 檔案型別 放在檔案的開頭與結尾 檔案主題 必須放在 文頭 區塊內 文頭 描述性資料,像是 主題 文體 檔案本體 結構性定義 由瀏覽器控制的顯示風格 標題 從1到6,有六層選擇 3.0 標題的對齊 3.0 區分 3.0 區分的對齊 引文區塊 通常會內縮 強調 通常會以斜體...

html常用標籤

一年前學的,沒怎麼用都忘了。現在整理筆記做一下複習。html hypertext markup language 注釋 空格 npsp 一 html的頭標籤 二 html常見標籤 1.加粗 2.下劃線 3.斜體 4.刪除線 5.遠洋輸出 6.下標 7.上標 div與span 劃分區域 自動換行 不換...

html常用標籤

1 html標題 標題是通過 2 html水平線 用來在頁面中建立水平線,用來分隔內容 這是乙個段落。這是乙個段落。這是乙個段落。3 html段落 可以生成段落 this is a paragraph this is another paragraph 瀏覽器會自動在段落前後新增空行 4 html換...