html和css的全盤複習

html的基礎知識

基本框架

基本框架 body標籤在裡面設定網頁的框架標籤和內容 style為html的樣式進行修飾和改變 結構性標籤 1 section 標籤對網頁內容分割槽分塊 2 article 為特殊的section標籤 代表一個完整的相關內容塊 用於定義一篇文章 3 nav 標籤代表頁面的一個部分 標籤用於定義頁面主導航功能。 4 aside 標籤定義側邊欄，通常是網頁的說明、提示、引用、附加註釋、相關連結、廣告等內容 5header 標籤 標籤用於定義文件的頁首（介紹資訊） 6footer 頁尾 7summary定義details的標題 details標籤的內容會被隱藏 點選summary的即可顯示 文字內容的樣式標籤 8header定義簡介形式的內容 9main定義主內容 可以有各種字內容的區段(article section div) div用來分節 塊級元素 span標籤 無樣式 需要進行style 定義或行內元素修改 文字標籤 figure 標籤 定義獨立的流內容 例如 影像 照片 程式碼 一般指獨立的單元 figcaption 標籤 為figure 新增內容 類似與註釋 一個figure只能用一個 當點選figure內容時 會顯示figcaption內的內容 hgroup標籤 對h1~h6的標籤進行分組

9 dialong 標籤 用於人與人之間的對話 dt 表示說話者dd 表示說的內容 文字 code元素定義計算機程式碼片段 不保留多餘的空格和折行

pre 巢狀 code 使用最佳

var 定義程式變數

kbd 定義使用者輸入 鍵盤的輸入

samp 定義程式的輸出 計算機輸出的結果

q元素 小語句引用 加雙引號 對內部文字新增雙引號

blockquote 大引用 對語句新增換行和增加外邊距

abbr 元素 簡稱縮寫·通過對縮寫進行標記，能夠為瀏覽器、拼寫檢查和搜尋引擎提供有用的資訊。WHO

bdo元素 指定文字的正常順序ltr 自右往左rtl的方式

標籤為段落標籤 《strong>粗體標籤 斜體標籤 刪除線標籤

1. 標籤 實現圖片的插入
   必須的屬性 src與 alt
   alt text 指定影像的替代文字。
   src URL 指定顯示影像的 URL。
   次要的屬性
   width px(pixels)、% 設定影像的寬度（畫素或百分比）。
   height px(pixels)、% 定義影像的高度（畫素或百分比）。
   ismap URL 將影像定義為伺服器端影像對映。
   longdesc URL 指定包含長的影像描述文件的 URL。
   usemap URL 將影像定義為客戶器端影像對映。

video與audio標籤 視訊與音訊標籤

autoplay autoplay 如果指定該屬性，則視訊在就緒後將自動播放。
controls controls 如果指定該屬性，則向使用者顯示控制元件，比如播放/暫停按鈕。
height pixels 指定視訊播放器的高度。
loop loop 如果指定該屬性，將迴圈播放視訊。
muted muted 如果指定該屬性，則將視訊的音訊輸出為靜音。
Poster URL 指定視訊正在下載時顯示的影像。
preload auto、metadata、none 指定視訊在頁面載入時，是否進行預載入。注意：如果同時指定了 autoplay 屬性，則忽略該屬性。
auto：要求瀏覽器儘快載入整個視訊，預設行為
metadata：只載入視訊的後設資料（寬度、高度、第一幀影像和視訊總長度等）
none：在使用者點選開始播放之前不會載入視訊
src URL 指定要播放的視訊檔案的 URL 地址。
width pixels 指定視訊播放器的寬度。

2 標籤 進行超連結
錨點連結


可以點選第一條跳轉到第二條內容
重要 href 屬性 指定連結指向頁面的 URL
target 屬性
指定在何處開啟超連結。
_blank：在新視窗中開啟
_parent：在當前的父視窗中開啟，如果不存在父視窗，此選項的行為方式與 _self 等同
_self：當前視窗開啟（預設）
_top：在整個視窗中開啟
framename：在指定的框架中開啟

3 標籤
位於標籤內
例項一：指定網頁編碼

例項二：為搜尋引擎提供關鍵詞 例項三：描述網頁內容 例項四：定義網頁的作者 例項五：設定網頁尺寸自適應 例項六：每 5 秒重新整理一下瀏覽器並跳轉到指定頁面 6

列表 list-style-type css樣式設定列表無樣式

1. 有序列表
3. type=1 or A or 圖片

• 無序列表

定義列表