Paano Mag-unat Ng Isang Mesa

Talaan ng mga Nilalaman:

Paano Mag-unat Ng Isang Mesa
Paano Mag-unat Ng Isang Mesa

Video: Paano Mag-unat Ng Isang Mesa

Video: Paano Mag-unat Ng Isang Mesa
Video: Paano Gumawa ng Simpleng Lamesa (Table Build) 2024, Disyembre
Anonim

Ang pangangailangan na iunat ang talahanayan sa buong puwang ng window ng browser ay lumitaw, halimbawa, kapag ang disenyo ng pahina ay inilalagay sa loob ng talahanayan. Ang solusyon sa problemang ito ay hindi nangangailangan ng pagsusulat ng kumplikadong code, ngunit nagsasangkot ito ng isinasaalang-alang ang ilan sa mga tampok ng markup ng mga web page.

Paano mag-unat ng isang mesa
Paano mag-unat ng isang mesa

Kailangan

Pangunahing kaalaman sa HTML

Panuto

Hakbang 1

Una, kailangan mong linawin ang kahulugan ng paparating na operasyon. Sa HTML code, ang mga pahina ng talahanayan ay isang hanay ng mga naka-ipo na naka-pares na tag (isang pagbubukas at isang pagsasara). Mga cell tag (

at

) ay nakapugad sa loob ng mga string tag (

at

), at ang mga iyon, sa mga tag ng talahanayan (

at

). Sa pambungad na tag ng talahanayan, maaari mong itakda ang lapad at taas nito kapwa sa mga ganap na yunit (pixel) at kamag-anak (porsyento). Sa kamag-anak na laki, ang lapad at taas ng elemento ng magulang ng talahanayan ay kukuha ng 100%. Kung maglalagay ka ng isang talahanayan nang direkta sa katawan ng pahina (at hindi sa isang layer, form, iba pang talahanayan, atbp.), Kung gayon ang mga sukat ng elemento ng magulang nito ay ang lapad at taas ng pahina. Nangangahulugan ito na upang mabatak ang talahanayan sa lahat ng libreng puwang, kailangan mong tukuyin ang 100% pahalang at patayong mga sukat para dito.

Hakbang 2

Ngayon ay maaari mo nang simulang isabuhay ito sa HTML. Ang lapad at taas ng talahanayan ay tinukoy ng mga katangian ng lapad at taas. Kaya't ang code ng talahanayan na nagpapahiwatig ng 100% ng mga sukat sa lahat ng direksyon at, halimbawa, na may dalawang mga cell sa isang hilera, ay maaaring magmukhang ganito:

kaliwang cell ng mesa kanang cell ng mesa

Hakbang 3

Ang pagtukoy ng 100% lapad at taas ay sapat upang mabatak ang talahanayan kung pinili mo ang tamang pamantayan ng HTML kung saan dapat basahin ng browser ang code ng pahina. Ang tag ay nakalagay sa pinakaunang linya ng dokumento. Kailangan mo ng isang tag na may sumusunod na nilalaman:

Hakbang 4

At isa pang punto ay dapat isaalang-alang sa iyong code: bilang default, ang pahina ay naka-indent mula sa mga gilid ng window ng ilang mga pixel, kaya ang talahanayan, kahit na pagkatapos punan ang buong pahina, ay hindi umaabot sa buong window. Upang maalis ang mga hindi kinakailangang patlang na ito, maaari mong tukuyin ang mga zero indent sa mga kaukulang katangian sa pambungad na tag ng pahina ng katawan ():

Hakbang 5

Kapag binuo, ang buong code ng pahina na may isang talahanayan na nakaunat sa buong lapad at taas ng screen ay magiging ganito:

Kahabaan ng mesa

kaliwang cell ng mesa kanang cell ng mesa

Inirerekumendang: