- 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...