文本內(nèi)引用來說下這兩個(gè)詞,塊級就是每一個(gè)標(biāo)簽都會自動占一行,自動換行,行內(nèi):則會緊貼著排成一行,直到內(nèi)容過多超過一行的范圍則會自動換行,
復(fù)合元素:創(chuàng)建列表表格表單等復(fù)雜用戶界面組件標(biāo)記,由多個(gè)標(biāo)簽組成,
li是一個(gè)列表項(xiàng),只能在ol ul中出現(xiàn),這是最重要的是理解嵌套標(biāo)簽,
這種寫法是對的
必須先關(guān)閉后標(biāo)簽再關(guān)閉前標(biāo)簽,
html文檔剖析:
這里不需要閉合
這是最新的html5的寫法
這種寫法是html5較之之前簡化了許多,這個(gè)很有用,文檔的可讀性就看你的注釋寫的好不好呢 title標(biāo)簽很有用,主要是親近seo,在后期我會和大家分享更多的seo知識,請記住是分享,也就是說我的水平和您一樣,哈哈。那這里做個(gè)小宣傳我的新浪博客地址:http://blog.sina.com.cn/u/3753799240 所有的教程都會發(fā)布在這里。
那接下來我們來寫一短代碼加以分析,
首先要確家標(biāo)題 加上一段文字 下邊是一張圖,肯定是要先寫語義結(jié)構(gòu)的,先不要管好不好看,先把內(nèi)容表現(xiàn)出來,正常的做法是先寫出需要用到的標(biāo)簽,
標(biāo)題 >一段文字
圖寫的時(shí)候注意文章代碼的層次性 別忘了我們的注釋啊,無論多么復(fù)雜的代碼都是這樣的流程及規(guī)范寫法。
無標(biāo)題文檔
這是一個(gè)小小的測試
分享知識我快樂,希望大家共同進(jìn)步,我的博客地址: http://blog.sina.com.cn/u/3753799240
這里要引入一個(gè)新詞叫文檔流,一定要記住,意思就是html會按照它們各自在標(biāo)記中出現(xiàn)的先后順序,依次從頁面上方流向下方。這種方法很實(shí)現(xiàn),css就是讓其展現(xiàn)出來特別的效果我們需要的效果。
所有的html元素的display(可以實(shí)現(xiàn)塊級和行內(nèi)之間的轉(zhuǎn)換)都是block inline這兩種,只有table標(biāo)簽特別,有自己的display,請記住,在寫代碼時(shí),先要問自己所用的標(biāo)簽是塊級的還是行內(nèi)的,這樣才能和css更好的結(jié)合起來。那我們來看一個(gè)代碼實(shí)例說明一下。
無標(biāo)題文檔
這是一個(gè)小小的測試
分享知識我快樂,希望大家共同進(jìn)步,我的博客地址: 請點(diǎn)擊
這是一個(gè)小小的測試
分享知識我快樂,希望大家共同進(jìn)步,我的博客地址: 請點(diǎn)擊
這是一個(gè)小小的測試
分享知識我快樂,希望大家共同進(jìn)步,我的博客地址: 請點(diǎn)擊
這是一個(gè)小小的測試
分享知識我快樂,希望大家共同進(jìn)步,我的博客地址: 請點(diǎn)擊
這是一個(gè)小小的測試
分享知識我快樂,希望大家共同進(jìn)步,我的博客地址: 請點(diǎn)擊
看是不是每一個(gè)元素都占了一行對吧,這些代碼大家可以在dr里邊測試