Ang mga talahanayan ng HTML ay madaling lumikha kapag naintindihan mo ang mga pangunahing kaalaman ng mga hilera at mga hanay, at sa sandaling naiintindihan mo kapag OK na gumamit ng isang talahanayan at kung dapat mong iwasan ang mga ito.
Isang Maikling Kasaysayan ng Mga Tabla at Disenyo sa Web
Maraming taon na ang nakaraan, bago ang katanggap-tanggap na mga pamantayan ng CSS at web, ginamit ng mga web designer ang HTML
elemento upang lumikha ng layout ng pahina para sa mga site. Ang mga disenyo ng website ay "hiniwa" sa maliliit na piraso tulad ng isang palaisipan at pagkatapos ay pinagsama sa isang talahanayan ng HTML upang mag-render sa browser ayon sa inilaan. Ito ay isang napaka-kumplikadong proseso na lumikha ng maraming dagdag na markup ng HTML at hindi kailanman magagamit sa ngayon sa multi-screen na mundo ang aming mga website ay nakatira. Tulad ng naging CSS na paraan para sa visual at layout ng webpage, ang paggamit ng mga talahanayan para sa ito ay naging shunned at maraming mga web designers nagkamali naniniwala na "mga talahanayan ay masama." Iyon ay at hindi totoo. Ang mga table para sa layout ay masama, ngunit mayroon pa rin silang isang lugar sa disenyo ng web at HTML, katulad ng pagpapakita ng mga hugis na talaan ng data tulad ng kalendaryo o iskedyul ng tren. Para sa nilalamang iyon, ang paggamit ng isang talahanayan ay isang katanggap-tanggap at mahusay na pamamaraan.
Kaya paano ka naka-layout ng isang table? Magsimula tayo sa pamamagitan ng paglikha ng simpleng 2x2 table. Magkakaroon ito ng 2 haligi (ang mga ito ay ang mga vertical na bloke) at 2 mga hanay (ang mga pahalang na bloke). Matapos mong maitayo ang isang talahanayan ng 2x2, maaari kang bumuo ng anumang laki ng talahanayan na gusto mo sa pamamagitan lamang ng pagdaragdag ng mga karagdagang hilera o mga haligi.
Narito ang Paano
-
Una buksan ang mesa
-
Buksan ang unang hilera gamit ang tr tag
-
Buksan ang unang hanay na may tag ng td
|
-
Isulat ang mga nilalaman ng cell
-
Isara ang unang cell at buksan ang pangalawa
|
-
Isulat ang mga nilalaman ng pangalawang cell
-
Isara ang ikalawang cell at isara ang hilera
-
Isulat ang ikalawang hanay nang eksakto kung ano ang una
| | |
-
Pagkatapos isara ang mesa
-
Ayan yun!
Maaari mo ring piliing magdagdag ng mga header ng talahanayan sa iyong talahanayan gamit ang
elemento. Ang mga header ng talahanayan ay papalitan ang mga "data ng talahanayan" na piraso sa unang talahanayan ng talahanayan, tulad nito:
| Pangalan | Tungkulin | | Jeremy | Designer | Jennifer | Developer |
Kapag ang pahinang ito ay magre-render sa browser, ang unang hilera na may mga talahanayan ng talahanayan ay, sa pamamagitan ng default, ay ipapakita sa naka-bold na teksto at sila ay nakasentro sa talahanayan ng cell na lumilitaw.
Kaya, OK ba na Gumamit ng Mga Table sa HTML?
Oo, hangga't hindi mo ginagamit ang mga ito para sa mga layuning pang-layout, OK na gumamit ng mga talahanayan. Kung kailangan mong magpakita ng impormasyon sa hugis ng mga talaan, ang isang talahanayan ay ang paraan upang gawin ito. Sa katunayan, ang pag-iwas sa isang table dahil sa ilang mga naligaw ng landas na kadalisayan upang iwasan ang lehitimong elemento ng HTML ay bilang pabalik bilang paggamit sa mga ito para sa mga dahilan ng layout sa araw at edad na ito.
Nakasulat ni Jennifer Kyrin. Ini-edit ni Jeremy Girard.
|
