設定網頁圖示
注意事項:
1. 圖示格式最好是.ico 也可以是其他的格式(png,jpg)
2. 設定網頁圖示使用的link標籤必須放到head標籤中
3. 網頁圖示一般直接放到專案的根目下
設定網頁圖示方式:
無序列表(unordered-list)
總結: 1. ul列表必須直接包含的標籤是li
2. 在li標籤中可以包含其他任何標籤
3. 在展示資料的時候沒有先後順序的要求
有序列表: (order-list)
總結:1. 有序列表在展示資料的時候是按照一定的順序顯示的
2. 有序列表在用法上與無序列表一樣。
自定義列表(defined-list)
列表項
列表項
列表項
總結: 一般在網頁的結尾處會使用該列表
作用:
1. 最開始(沒有css之前)進行網頁布局
2. 用來展示資料
寫法: 組成
行 tr
列 td
** table
寫法:**中的屬性級其他標籤介紹:
1. border屬性: 設定邊框
2. width屬性: 改變寬度
3. height屬性: 改變高度
4. 去掉td與td之間的距離 cellspacing的預設是2
5. 設定內容居中顯示 align: left | center | right
◆如果希望**中的內容對齊,那麼將align屬性設定給tr或者td
◆如果將align屬性設定給table,只能改變table整體的對齊方式,不會影響內容的對齊方式
6. 如果希望給**設定表頭,那麼請使用th標籤替代td標籤,th在**中就是表示表頭,預設實現文字居中加粗顯示
7. 設定背景顏色屬性: bgcolor="顏色";
人員資訊表
姓名年齡
職業性別
注意:1. 在瀏覽器中所有的元素(文字,),預設都是左對齊
****其他部分介紹(了解)**
1.**的標準的結構寫法:
總結:1. 如果按照規範寫法,會在一些低版本瀏覽器**現相容性問題(ie低版本)
2. 在高版本瀏覽器中,瀏覽器缺省會自動幫我們新增主體
**合併單元格:
1. 橫向合併: colspan="2"
2. 縱向合併: rowspan="3"
備註:1. 合併單元格後,將多餘的行或者列刪掉
作用: 收集資訊(通過表單控制項收集資訊)
表單組成:
1. 表單域 (form)
2. 提示資訊
3. 表單控制項
表單域(form):
◆屬性 action 設定乙個後台程式,處理表單控制項中的資料
◆屬性 method 設定乙個提交資料方式 (get | post)表單控制項:
1. 輸入框:屬性:
name設定控制項名稱
maxlength設定當前控制項最多能輸入多少個字元
readonly="readonly" 設定當前控制項為唯讀模式(不能輸入)
disabled="disabled" 當前控制項沒有被渲染成功(沒有被啟用)【不能輸入】
value設定控制項預設值
2. 密碼輸入框: 屬性:與輸入框的屬性一樣
3. 下拉列表框:
北京上海南京河北
或者:北京
上海南京
河北 屬性: selected="selected" 設定預設選中項
例如:北京
上海南京
河北
4. 核取方塊: 屬性:
checked="checked" 設定預設選中項
愛好 旅遊
學習 5. 單選控制項:注意:
1. 如果要實現單選效果,那麼需要設定相同的name值男女
2. checked="checked" 設定預設選中項
6. 上傳控制項: 7. 文字域:8. 提交表單資料:
9. 重置按鈕: 將表單控制項中的值恢復到預設值
10. 普通按鈕:
不能提交資料,可以和js配合使用
H5C3關鍵點記錄
與 這些類似,h5把這些布局語義話,並沒有本質區別。定義了文件的頭部區域 定義頁面的側邊欄內容 定義頁面內容之外的內容 定義 section 或 document 的頁尾 在ie9一下並不支援html5的語法規則,需要通過引入html5shiv.min.js這個外掛程式相容ie9一下 1.datal...
H5C3新特性 動畫
轉換 transform 是css3中具有顛覆性的特徵之一,可以實現元素的位移 旋轉 變形 縮放。縮放 scale 移動 translate 旋 rotate 傾斜 skew 2d轉換是改變標籤在二維平面上的位置和形狀的一種技術 transform translate x,y transform t...
H5C3小知識點總結
相對定位 reletive 絕對定位 absolute 注意 overflow hidden text overflow ellipsis white space nowrap display webkit box webkit box orient vertical webkit line cla...