第一節 html基本結構
1、HTML 標簽是由<>包圍的關鍵詞,例:<html>
2、HTML 標簽通常成對出現,分為標簽開頭和標簽結尾,例:<html> </html>
3、有部分標簽是沒有結束標簽,成為單標簽,單標簽內必須用 / 結尾,例:<br/>
4、頁面中所有的內容,都要放在HTML標簽中
5、HTML標簽主題分為三個部分:標簽名稱、標簽內容、標簽屬性
6、HTML 標簽具有語義化
web
7、語義化:就是僅通過標簽名就能判斷出該標簽的內容。
8、語義化的作用:網頁結構層次更清晰、更容易被搜索引擎收錄
9、更容易讓屏幕閱讀器讀出網頁內容。
10、標簽的內容就是在一對標簽內部的內容,標簽的內容可以是其他標簽
第二節 標簽(元素)全局標準屬性
在HTML規范中,規定了8個全局標準屬性:
1、class屬性
用于定義元素的類名。
2、id屬性
用于指定元素的唯一id
要注意該屬性的值在整個HTML文檔中要具有唯一性
3、style屬性
用于指定元素的行內樣式
使用該屬性后將會覆蓋任何全局的樣式設定
4、title屬性
用于指定元素的額外信息
5、accesskey屬性
用于指定激活元素(獲得焦點)的快捷鍵。
6、tabindex屬性
用于指定元素在tab鍵下的次序
7、dir屬性
用于指定元素中內容的文本方向
屬性值只有ltr或rtl兩種,含義分別是left to right和right to left。
8、lang屬性
用于指定元素內容的語言
第三節 HTML的全局事件屬性
1、Window窗口事件
onload:在頁面加載結束之后觸發。
onunload:在用戶從頁面離開時發生,例如點擊跳轉,頁面重載,關閉瀏覽器窗口等。
2、Form表單事件
onblur:當元素失去焦點時觸發。
onchange:在元素的元素值被改變時觸發。
onfocus:當元素獲得焦點時觸發。
onreset:當表單中的重置按鈕被點擊時觸發。
onselest:在元素中文本被選中后觸發。
onsubmit:在提交表單時觸發。
3、Keyboard鍵盤事件
onkeydown:在用戶按下按鍵時觸發。
onkeypress:在用戶按下按鍵后,按著按鍵時觸發。該屬性不會對所有按鍵生效,不生效的有:ALT、CTRL、SHIFT、ESC
onkeyup:當用戶釋放按鍵時觸發。
4、Mouse鼠標事件
onclick:當在元素上發生鼠標點擊時觸發。
onblclick:當在元素上發生鼠標雙擊時觸發。
onmousedown:當在元素上按下鼠標按鈕時觸發。
onmousemove:當鼠標指針移動到元素上時觸發。
onmouseout:當鼠標指針移出元素時觸發。
onmouseover:當鼠標指針移動到元素上時觸發。
onmouseup:當在元素上釋放鼠標按鈕時觸發。
5、Media媒體事件
onabort:當退出時觸發。
onwaiting:當媒體已停止播放但打算繼續播放時觸發。