html布局教程(html布局技術(shù)有哪些)
1所謂HTML是超文本標(biāo)記語(yǔ)言HyperText Markup Language,簡(jiǎn)稱HTML是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言2HTML頁(yè)面布局有兩種方式,一種是TABLE布局,一種是DIV布局3以前WEB10時(shí)代基本上都是table布局,后來(lái)WEB20。
第二種絕對(duì)定位positionabsolute 設(shè)置父盒子positionrelative相對(duì)定位, 三個(gè)子盒子positionabsolute, 左盒子left0, 右盒子right0 中間盒子left300pxright300px 第三種flex布局 父。
#8194lt!DOCTYPE htmllthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta。
4“T”結(jié)構(gòu)布局 所謂“T”結(jié)構(gòu)布局,就是指網(wǎng)頁(yè)上邊和左邊相結(jié)合,頁(yè)面頂部為橫條網(wǎng)站標(biāo)志和廣告條,左下方為主菜單,右面顯示內(nèi)容,這是網(wǎng)頁(yè)設(shè)計(jì)中用得最廣泛的一種布局方式在實(shí)際設(shè)計(jì)中還可以改變“T”結(jié)構(gòu)布局的。
分析設(shè)計(jì)圖 假設(shè)設(shè)計(jì)圖大小為1080px這也就意味著,在開(kāi)發(fā)時(shí),需要兼容的最大分辨率為1080px,最小的為320px2 調(diào)整視口 代碼實(shí)例lt!DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移動(dòng)。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。