HTML
HTML(HyperText Markup Language)锹淌,中文名字叫超文本標(biāo)記語言,超文本赠制,就是指頁面內(nèi)可以包含圖片赂摆、鏈接,甚至音樂钟些、程序等非文字元素烟号。HTML只是標(biāo)記語言,語言本身不具有邏輯政恍,這語言只是用來容納其他超文本汪拥。下面的例子中html元素<img>就是用來容納圖片超文本的
代碼
效果
通常來說,html標(biāo)簽具有結(jié)構(gòu)性抚垃,一個網(wǎng)頁是由一個類似樹結(jié)構(gòu)的html結(jié)構(gòu)來完成個個超文本的顯示
導(dǎo)圖
標(biāo)簽類型
標(biāo)簽喷楣,顧名思義趟大,用來容納各種超文本的html成為標(biāo)簽,比如上面例子中的<img>就是用來容納圖片超文本的標(biāo)簽铣焊。標(biāo)簽的分類依據(jù)不同有不同的分類結(jié)構(gòu)逊朽,通常情況下,我們只需要根據(jù)其在一個網(wǎng)頁的空間分布進行分類
塊級標(biāo)簽(block):該類型標(biāo)簽寬度占據(jù)一個網(wǎng)頁的一行
如<div ></div>,<header></header>,更多標(biāo)簽大家可以查閱相關(guān)文檔
內(nèi)聯(lián)標(biāo)簽(inline):該類型標(biāo)簽寬度由其包容的超文本大小決定曲伊,不會獨占一行
如<img>,<span>更多標(biāo)簽大家可以查閱相關(guān)文檔
標(biāo)簽屬性
所謂的屬性叽讳,即使指定該標(biāo)簽特定的表現(xiàn)形式,屬性分為全局屬性和私有屬性
全局屬性:
全局屬性坟募,顧名思義岛蚤,無論塊級標(biāo)簽或者內(nèi)聯(lián)標(biāo)簽都共用的屬性,例如style屬性
<img src="images.logo.png" style="width:50px"/>
該屬性用于指定該標(biāo)簽的樣式——寬度的大小
更多的全局屬性大家可以查閱文檔
私有屬性:
私有懈糯,即并不是全部標(biāo)簽都可以使用的涤妒,例如上面的src屬性,用于指定超文本圖片的位置
HTML API
api赚哗,其實api就是一個函數(shù)方法她紫,我們通過調(diào)用該方法,得到我們想的到的結(jié)果數(shù)據(jù)屿储,html提供了豐富的api給我們使用贿讹,大大簡化了我們的工作復(fù)雜性
獲取地理位置信息api :navigator.geolocation.getCurrentPosition()
獲取本地存儲的api:localStorage
更多api可以查閱相關(guān)的書籍或者有什么疑問可以加我的qq3022304423