html常用標籤及屬性

2021-10-02 18:41:17 字數 1773 閱讀 9392

由於markdown將文字轉換為 html,因此在書寫html標籤時在標籤前面加了空格為了正常顯示。

< !doctype html >文件宣告標籤,告訴瀏覽器這個頁面採取html5版本顯示頁面

< html lang=」zh=cn」 >告訴瀏覽器頁面採用中文顯示

< meta charset=」utf-8」 >必須寫,採取utf-8來儲存文字,不寫就會亂碼

< html >根標籤

< head >

< title >網頁標題<

/title >

<

/haed >

< body >大部分內容都在body中<

/body >

<

/html >

加粗標籤:< b >加粗內容< /b >(僅加粗),< strong >加粗內容< /strong >(語氣強烈)

傾斜:< i> 傾斜內容< /i>,< em >傾斜內容< /em >

下劃線:< u>下劃線內容< /u>,< ins>下劃線內容< /ins>

刪除線(中劃線):< del>刪除線內容< /del>,< s>刪除線內容

字型:內容< /font>

ctrl+shift+c調色盤

字型變大:< big>內容< /big>

字型變小 :< small>內容< /small>

上標籤:< sup>內容< /sup>

下標籤:< sub>內容< /sub>

語法:< !–注釋內容-- >

標籤巢狀:必須有層次的巢狀,不可以有交叉的巢狀

段落:< p>換行內容(占用單獨一行)< /p>

屬性 align = 「center,left,right」左中右對齊

換行:< br />

橫線(分割線,水平線):< hr />

屬性 wideth = 「寬度(畫素)」 size = 「線條粗細」 color = 「顏色」 align = 「center,right,left」(中右左對齊) noshade(無陰影)

標題標籤:h1-h6

< h1>< /h1>最大的

< h2>< /h2>

屬性align=」center」…

div和span

div:< div>< /div>塊標籤(獨佔一行)

span:< span>< span>行(內)標籤(可以和別的內容放在一行)

注意:塊元素可以設定寬高,行元素不可以設定寬高

有序列表

語法:ol,li

< ol>

< li>內容1

<

/li>

< li>內容2

<

/li>

....

<

/ol>

屬性:type:1,a,a,i,i,none

start:起始位置=「1,2,3…」

無序列表

< ul>

< li>列表項1

<

/li>

< li>列表項2

<

/li>

< li>列表項3

<

/li>

< li>列表項4

<

/li>

< li>列表項5

<

/li>

<

/ul>

1.無序列表各個列表項之間無序

2.< ul>< /ul>中只能巢狀

HTML常用標籤及屬性

1.標題 align center 標題1h1 標題2h2 2.超連結 href 3.align center border 1px width 60 cellspacing 0px 姓名th 性別th tr 張三td 男td tr 李四td 女td tr table 4.表單 用於向後台提交資料 ...

前端HTML 常用標籤及屬性

對於很多人來說,用html標籤都是熟能生巧,而不清楚為什麼是那樣的標籤,所以我在這列了乙個表,翻譯了其對應的英文。相對路徑是指目標相對於當前檔案的路徑,網頁結構設計中多採用這種方法來表示目標的路徑。相對路徑有多種表示方法,其表示的意義不盡相同。表示方法如下 絕對路徑是指完整的 假設圖一中專案的 網域...

HTML常用的標籤及常用屬性

檔案標籤 根標籤 頭標籤 標題標籤 體標籤 文字標籤 注釋標籤 標題標籤,1 6字型依次變小 段落標籤 換行標籤 分割線標籤 字型加粗標籤 字型斜體標籤 文字標籤 文字居中標籤 標籤 鏈結標籤 鏈結標籤一般標籤 塊標籤 行內標籤 表標籤 標籤 定義行 定義單元格 表標題 下拉選擇框標籤 下拉框 選項...