《web網(wǎng)頁開發(fā)筆小知識(shí)》由會(huì)員分享,可在線閱讀,更多相關(guān)《web網(wǎng)頁開發(fā)筆小知識(shí)(3頁珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、web網(wǎng)頁開發(fā)筆小知識(shí)web網(wǎng)頁開發(fā)筆小知識(shí)HTML中行內(nèi)元素與塊級(jí)元素的區(qū)別:在標(biāo)準(zhǔn)文檔流里面,塊級(jí)元素具有以下特點(diǎn):總是在新行上開始,占據(jù)一整行;高度,行高以及外邊距和內(nèi)邊距都可控制;寬帶始終是與瀏覽器寬度一樣,與內(nèi)容無關(guān);它可以容納內(nèi)聯(lián)元素和其他塊元素行內(nèi)元素的特點(diǎn):和其他元素都在一行上;高,行高及外邊距和內(nèi)邊距部分可改變;寬度只與內(nèi)容有關(guān);行內(nèi)元素只能容納文本或者其他行內(nèi)元素。不可以設(shè)置寬高,其寬度隨著內(nèi)容增加,高度隨字體大小而改變,內(nèi)聯(lián)元素可以設(shè)置外邊界,但是外邊界不對(duì)上下起作用,只能對(duì)左右起作用,也可以設(shè)置內(nèi)邊界,但是內(nèi)邊界在ie6中不對(duì)上下起作用,只能對(duì)左右起作用。常見的塊級(jí)元素
2、與行內(nèi)元素:塊元素(block element)1. * address - 地址2.* blockquote - 塊引用3.* center - 舉中對(duì)齊塊4.* dir - 目錄列表5.* div - 常用塊級(jí)容易,也是css layout的主要標(biāo)簽6.* dl - 定義列表7.* fieldset - form控制組8.* form - 交互表單9.* h1 - 大標(biāo)題10.* h2 - 副標(biāo)題11.* h3 - 3級(jí)標(biāo)題12.* h4 - 4級(jí)標(biāo)題13.* h5 - 5級(jí)標(biāo)題14.* h6 - 6級(jí)標(biāo)題15.* hr - 水平分隔線16.* isindex - input prompt
3、17.* menu - 菜單列表18.* noframes - frames可選內(nèi)容,(對(duì)于不支持frame的瀏覽器顯示此區(qū)塊內(nèi)容19.* noscript - 可選腳本內(nèi)容(對(duì)于不支持script的瀏覽器顯示此內(nèi)容)20.* ol - 排序表單21.* p - 段落22.* pre - 格式化文本23.* table - 表格24.* ul - 非排序列表行內(nèi)元素(inline element)1. * a - 錨點(diǎn)2.* abbr - 縮寫3.* acronym - 首字4.* b - 粗體(不推薦)5.* bdo - bidi override6.* big - 大字體7.* br -
4、換行8.* cite - 引用9.* code - 計(jì)算機(jī)代碼(在引用源碼的時(shí)候需要)10.* dfn - 定義字段11.* em - 強(qiáng)調(diào)12.* font - 字體設(shè)定(不推薦)13.* i - 斜體14.* img - 圖片15.* input - 輸入框16.* kbd - 定義鍵盤文本17.* label - 表格標(biāo)簽18.* q - 短引用19.* s - 中劃線(不推薦)20.* samp - 定義范例計(jì)算機(jī)代碼21.* select - 項(xiàng)目選擇22.* small - 小字體文本23.* span - 常用內(nèi)聯(lián)容器,定義文本內(nèi)區(qū)塊24.* strike - 中劃線25.* strong - 粗體強(qiáng)調(diào)26.* sub - 下標(biāo)27.* sup - 上標(biāo)28.* textarea - 多行文本輸入框29.* tt - 電傳文本30.* u - 下劃線31.* var - 定義變量