InternetWeb Design

Block layout div HTML tags

Bisan ang pipila sa napulo ka tuig na ang milabay sa runet labing sagad nga gigamit sa mao nga-gitawag nga tabular layout. Tungod sa sa kamatuoran nga ang mga sumbanan sa pipila mga browser mga kamahinungdanon sa lain-laing gikan sa usag usa, kami sa pagtan-aw alang sa usa ka solusyon nga sa husto nga paagi ipakita ang online nga dokumento diha sa tanan nga mga aplikasyon. Apan sa paglabay sa panahon, pagpalambo sa mga sumbanan, ug sa pag-ilis sa mga hinoon estrikto ug higpit lamesa miabut maayo ug responsive baryable block layout. Sa atubangan sa nawong sa niini nga teknolohiya mao ang baruganan sa paggamit sa mga elemento

. HTML-dokumento sa kadaghanan gitukod sa ibabaw sa basehan sa tagsa-tagsa nga mga bloke, nga, dili sama sa layout lamesa mahimong independente sa usag usa.

pagtunga

Ang pagdugang sa kakomplikado sa mga panid Web ug sa pagpalambo sa computer teknolohiya nga gipangulohan sa kamatuoran nga ang web dokumento nga gibahin ngadto sa duha ka bahin - ang bayanan (sa HTML-code) ug design (estilo sheets). Uban niini nga nakab-ot sa bag-o nga kalamboan sa web, ang mga resulta nga kita karon makahimo sa pagpamalandong sa kadaghanan sa mga dapit. Dugang pa sa pagpalambo sa

HTML development proseso gitugotan sa pagtino alang sa matag indibidwal nga elemento sa ilang mga lagda disenyo. Kini nakatabang sa pagpalambo sa mabasa sa mga panid sa web ug sa pagpakunhod sa download sa dokumento nga panahon. Karon sa search makina daghan nga mas paspas ug mas maayo nga proseso sa impormasyon nga anaa sa ibabaw sa site.

Mga sumbanan ug validation

tag sa HTML nga gigamit sa higpit nga pagsunod sa W3C nga mga sukdanan (World Wide Web Consortium). Pagsusi sa panid tinubdan gipahigayon sa usa ka espesyal nga himan - sa validator, nga parses (scan ug pagpangita) sa tanan nga mga matang sa mga sayop sa panid. Page balido nagpasabot nga ang tanan nga tag nga gigamit sa husto nga paagi ug sa bug-os nga pagsugat sa mga gikinahanglan sa mga sumbanan.

tags motugot kaninyo sa paghimo bloke, o ingon nga sila gitawag sudlanan. Ang tagsa-tagsa nga mga elemento mahimong nagsalag, pinaagi niana ang pagmugna sa gikinahanglan nga istruktura ug kontorno komplikado. Pinaagi sa paggamit sa
tag ilhanan walay kauban sa klase o halos wala mahitabo. Kini mao ang hinungdan sa "walay ngalang" elemento. Kon dili siya assign sa usa ka grado, sa katapusan, ang tanan nga mga sudlanan nga adunay usa ka susama kontorno.

Aron sa paghimo sa usa ka tinuod nga husto ang dokumento, kamo kinahanglan gayud nga sa paggamit sa mosunod nga tag gambalay sa

class = «sa usa ka to_imya". Milingi sa ngalan sa sa klase sa stylesheet, nga kamo mahimo pagtino sa nahimutangan, gidak-on, ug uban pang mga lantugi sa pagsumada sa usa ka block sa dokumento.

Pinaagi sa paggamit sa mga klase ug mga ID

Block

HTML mahimong gihubit nga ingon sa usa ka ilhanan id, klase ug sa klase. Dili sama sa una nga sa ikaduha mao nga ang id gigamit lamang sa makausa sa usa ka panid nga dokumento. Nga mao, kini gigamit sa pagtino sa talagsaong mga elemento nga dili na gayud gisubli sa panid code. Klase hiyas lets imong ipadapat sa mao usab nga mga lagda sa estilo sa pipila ka mga elemento. Kini nga pamaagi sa hilabihan gayud mopayano sa kalamboan ug suporta sa Code. Gawas pa, ang usa ka butang mahimong adunay daghang klase. Alang sa hustong pag-ila sa usa ka mipakigbahin luna.

Natural lang, ang block nga gambalay sa dokumento wala magpasabot sa paggamit sa lamang sa usa ka tag

. Ang gambalay sa bisan unsa nga panid sa web kanunay nga sa uban nga mga elemento. Dugang pa, sa iyang kaugalingon babagan
elemento makabaton sa usa ka lain-laing mga matang sa display. Kini mao ang gibuhat sa paggamit sa mga kabtangan display. nga elemento sa mahimong usa ka hilo o sa usa ka lamesa display, nga kamahinungdanon sa pagdugang sa pagka-flexible sa paggamit sa mga yunit ug paghimo sa usa ka website sa bisan unsa nga kontorno.

tag. HTML-kabtangan

Sama sa nahisgotan na sa ibabaw, ang tag dili mag-usab sa mga panid nga layout tipik ug gigamit sa paghimo sa usa ka semantiko nga gambalay uban sa mga sunod-sunod nga registration pinaagi sa estilo sheets. Pinaagi sa paggamit sa usa ka panapos nga tag alang sa niini nga elemento mao ang mandatory.

Bisan pa sa kamatuoran nga ang daghan nga mga modernong mga browsers makahimo sa pag-ila sa maong usa ka sayop, sa pipila ka mga kaso, Giablihan tag hinungdan "razvalivanie" dokumento gambalay ug sa mga display kapakyasan.

Tungod kay niini nga elemento mao ang usa ka block, nan ang gidak-on nga kini naglangkob sulod magsugod uban sa usa ka bag-o nga linya. Aron sa pag-usab sa kinaiya niini nga kinahanglan gayud nga mag-usab sa display yunit sa pagpasundayag sa mga lantugi kabtangan. Gawas pa gihugpong dugmonan elemento

tag nagtugot kaninyo sa format sa Layout sa sulod sa sulod niini. Kini naggamit sa align hiyas, nga pinaagi niini kamo makahimo sa pagbutang teksto o hulagway sa wala, sa tuo, o sentro sa ginikanan nga elemento.

positioning bloke

Pinaagi sa paggamit sa posisyon hiyas nagtugot kaninyo sa pag-usab sa pamaagi sa positioning sa pinili nga butang. Busa, adunay tulo ka matang sa positioning:

  • Nagapahulay, nagahunong (nagahunong) - sa default. Sa kini nga kaso, ang elemento mao ang sumala sa posisyon sa HTML-code.
  • Paryente (paryente). Sa kini nga kaso, ang nahimutangan sa mga butang nga gituyo sa samang paagi ingon sa kahimtang sa nagapahulay, nagahunong positioning, apan kini nga bahin nagtugot kaninyo sa pag-usab sa posisyon sa mga bata.
  • Bug-os nga (bug-os nga). Ang iyang posisyon ang kalkulado paryente sa elemento sa paryente positioning.

sa uban nga mga hiyas

ibabaw ug sa wala hiyas gigamit sa pag-usab sa posisyon paryente sa punto sa gigikanan. Nga mga Prinsipyo mahimong duha positibo ug negatibo. Ang gilapdon ug gitas-on sa mga elemento block hiyas tino gilapdon ug gitas-on, sa tinagsa. Kon dili sila bungat sa estilo sheet, ang yunit mokuha sa tibuok gilapdon sa sa ginikanan nga elemento. Kon ang sulod block dili mohaom sa tabok sa "ginikanan" gilapdon, nan ang kinaiya sa usa ka elemento determinado sa hiyas pagsugwak.

Kami naglaum nga kini nga artikulo nakatabang sa pag-atubang sa mga pangutana sa unsa ang usa ka

sa HTML.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ceb.atomiyme.com. Theme powered by WordPress.