HTML常用小知識

2022-09-06 12:57:32 字數 1210 閱讀 9133

- h1...h6 文字標題標籤,h1對搜尋引擎友好,利於做seo優化。一般用來渲染logo。

- p,div   段落標籤塊級標籤,最常用的兩個標籤之一,p標籤用於存放一行或多行文字,display轉塊之後也可以成為塊級元素,但是盡量不要      把p標籤當作容器;div 是乙個標準的容器,css樣式使用得當,乙個頁面可以從頭 div 到尾。

- img 標籤,切記要設定寬高(父元素沒有寬高的情況下),當父元素有了寬高後,若寬高與父容器的寬高不符,可以將的寬高設    置為 100% 將拉伸至填滿整個父容器。

- target ="_blank"時,在新視窗開啟

- alt 載入失敗時,設定提示資訊(一般從頁面優化角度出發,都要加alt屬性)

- title 的標題,滑鼠移上去時會顯示的文字

-   空格

- br 換行

- b、strong 加粗

- i、em 傾斜

- span 文字節點標籤

- a 超連結標籤

愛恨原則:

- a:link 修改預設樣式

- a:visited 點選之後的樣式

- a:hover 滑鼠滑過時(可以用於其他標籤)可實現簡單的動畫;

- a:active 滑鼠按住不動(可以用於其他標籤)

- div 塊標籤

三種列表

1. 無序列表

- ul 無序列表

- li 列表中的每一行

屬性:- type="disc" 預設值,實心圓

- type="circle" 空心圓

- type="square" 實心方塊

備註:ul 中不可以直接巢狀 ul,但是 li 中可以巢狀 ul

2. 有序列表

- ol 有序列表

- li 有序列表中的每一行

屬性:- type="1" 預設值,數字排序

- type="a" 小寫英文本母排序

- type="a" 大寫英文本母排序

- type="i" 小寫羅馬字母排序

- type="i" 大寫羅馬字母排序

- start="3" 從第幾級開始排序

3. 自定義列表

- dl 自定義列表

- dt 自定義列表中主題性文字(乙個自定義列表中最好只有乙個dt)

- dd 自定義列表中解釋性文字(乙個自定義列表中可以有多個dt)

HTML小知識點

body 標準樣式 html 塊級元素div,dl dt dd 定義列表 hr 水平分隔線 p,ol,ul 非排序列表 table input,label br 換行 b 加粗 i 斜體 img 標籤 span 常用內聯容器,定義文字內區塊 select option 選擇元素,strong 粗體加...

HTML的基礎小知識

1 請說明盒子的定位有幾種方式,它們分別是什麼?四種 相對定位 relative 絕對定位 absolute 靜態定位 static 固定定位 fixed 2 浮動後盒子會脫離文件流嗎?分別有哪幾種浮動效果?會 左浮動 float left 右浮動 float right 3 清除浮動有三種方式,請...

html中的小知識

引用外部樣式 樣式表,如果是引用外部樣式,不需要再寫style標籤了,因為 就相當於給外部樣式表加了style。引用外部js 如果要引用外部js,同樣不需要再加script標籤,因為就相當於已經新增了script標籤。jquery的css 該方法在給屬性賦值時,如果只有乙個屬性,可以使用 css n...