Mga computer, Software

Paggamit ng HTML talahanayan

Sa HTML, may mga kaya maraming mga sangkap, at bawat isa sa kanila ay natatangi sa kanilang sariling paraan. Table - napaka-kagiliw-giliw, popular at seryosong paksa. Salamat sa kanya, hindi ka lamang maaaring magbigay ng impormasyon sa isang maginhawang form, ngunit din na bumuo ng isang site framework.

Noong nakaraan, halos lahat ng mga webmaster gamitin ang mga talahanayan para sa layout ay sites. Sa una, ang talahanayan na ito ay hindi makabuo ng. Samakatuwid, kailangan naming gamitin ang isang bloke div elemento upang markahan ang mga site.

Kung hindi mo nais na palaging mananatiling isang baguhan, masanay kaagad upang gawin ang lahat ng tama. Ito ay napakahalaga sa wikang HTML. Ang talahanayan sa ay dapat na ilagay lamang ang karaniwang impormasyon (teksto, mga link, mga listahan, mga imahe, at iba pa. P.), At hindi ang buong site bilang isang buo.

Paano gumawa ng isang talahanayan na HTML?

Table - isang komplikadong sangkap na binubuo ng isang malaking bilang ng iba pang mga elemento. Tandaan na kapag lumilikha ng mga cell o mga hilera palaging kaagad kailangang maglagay ng pagsasara ng tag. Kung hindi man ito ay lumipad. Handler sa browser ang magiging hitsura para sa katapusan ng elemento at, hanggang sa ito'y kaniyang masumpungan, lahat ng bagay ay patuloy na isama sa table. Ang resulta nito ay porridge.

Kung sumulat ka ng isang website sa "Notepad", pagkatapos ay ang lahat ng bagay ay may sa gawin sa kanyang mga kamay. Kung sa huling editor, kadalasan ay may isang pindutan - "insert table", "insert image" at iba pa.

EXAMPLE 2 Table 2.

teksto para sa unang linya ng unang cell

teksto ng ikalawang linya ng unang cell

teksto ng unang cell ng pangalawang hilera

text ng ikalawang cell ng pangalawang hilera

at . Ang pangunahing panuntunan ay: ang bilang ng mga cell sa bawat hilera ay dapat na kapareho. Ito ay isang table. Subalit, tulad ng sa Word at Excel editor, mga cell ay maaaring pinagsama sa bawat isa. Paano upang pagsamahin ang mga cell sa isang table? Upang pagsamahin at gamitin colspan Rowspan katangian. Agwat ay isinalin bilang "takip" o "mga nagpapang-abot". Ang literal na kahulugan - upang masakop / isara ang cell / hilera. Ang halaga ng katangiang ito ay dapat tukuyin kung gaano karaming mga hilera o mga cell ay haharangan. Ang sumusunod ay isang nakapagpapaliwanag halimbawa ng paggamit ng parehong mga katangian HTML sa talahanayan. Sa halimbawang ito, ang unang linya 3 pooled cell gamit ang attribute colspan = "3". Pagkatapos ay ang unang cell ng ikalawang string stretch sa apat na mga hilera. Tandaan na ang kahabaan / pagsamahin lamang sa unang cell. Ang kanyang mga ari-arian ay kumakalat sa. Ang lahat na nauuna bago, hindi maaapektuhan. Kung ikaw ay may 5 mga cell na gusto mong ipagsama mula 2 hanggang 4, pagkatapos ay kailangan mo lamang sa cell number 2 tukuyin ang mga katangian colspan = "3". Tandaan ang mga slot number 9 sa figure sa itaas. May pooled kaagad at ang mga cell at mga hilera. Ang gayong pagkilos ay hindi ipinagbabawal. Hanapin sa isa pang halimbawa upang ma-secure ang impormasyon. Dahil ang ilan lito at mga katangian sa halip ng mga hilera ng mga cell minsan pinagsama-sama. mesa Format Dalhin ang isang ordinaryong, karaniwang kaso ng HTML. Table Dalawang hilera ng dalawang mga cell sa bawat isa. ng code ay ang mga sumusunod. Tulad ng iyong nakikita, walang epekto. Maaari kang magdagdag ng isang frame, tukuyin ang lapad at taas. Maaari mo ring i-play sa ang pagkakahanay. Maaari itong i-hile-hilera sa parehong taas at lapad. I-align upang ihanay nang pahalang, at valign - vertical. Iyan ay tulad ng isang resulta. Katangian align at valign maaaring ilapat sa ang buong linya. Pagkatapos ng lahat ng mga cell na ay sa loob nito ay sasailalim sa mga katangian. Bilang karagdagan sa mga tag	at
. Sa katunayan ito ay isang analogue ng	, ngunit ito ay ginagamit lamang sa unang hanay at ay heading. Sa pamamagitan ng default, ang teksto sa	ay nakasentro at naka-bold. Paano upang ikonekta ang mga estilo sa ang talahanayan? Tulad ng anumang mga tag na HTML, ang talahanayan ay maaaring ma-convert sa pamamagitan ng mga estilo. Kailangan mong tukuyin ang estilo file sa head o handa na estilo (tulad ng ipinahayag sa head). ...

Paano upang pagsamahin ang mga cell sa isang table?

Upang pagsamahin at gamitin colspan Rowspan katangian. Agwat ay isinalin bilang "takip" o "mga nagpapang-abot". Ang literal na kahulugan - upang masakop / isara ang cell / hilera.

Ang halaga ng katangiang ito ay dapat tukuyin kung gaano karaming mga hilera o mga cell ay haharangan. Ang sumusunod ay isang nakapagpapaliwanag halimbawa ng paggamit ng parehong mga katangian HTML sa talahanayan.

Sa halimbawang ito, ang unang linya 3 pooled cell gamit ang attribute colspan = "3". Pagkatapos ay ang unang cell ng ikalawang string stretch sa apat na mga hilera. Tandaan na ang kahabaan / pagsamahin lamang sa unang cell. Ang kanyang mga ari-arian ay kumakalat sa. Ang lahat na nauuna bago, hindi maaapektuhan.

Kung ikaw ay may 5 mga cell na gusto mong ipagsama mula 2 hanggang 4, pagkatapos ay kailangan mo lamang sa cell number 2 tukuyin ang mga katangian colspan = "3".

Tandaan ang mga slot number 9 sa figure sa itaas. May pooled kaagad at ang mga cell at mga hilera. Ang gayong pagkilos ay hindi ipinagbabawal.

Hanapin sa isa pang halimbawa upang ma-secure ang impormasyon. Dahil ang ilan lito at mga katangian sa halip ng mga hilera ng mga cell minsan pinagsama-sama.

mesa Format

Dalhin ang isang ordinaryong, karaniwang kaso ng HTML. Table Dalawang hilera ng dalawang mga cell sa bawat isa.

ng code ay ang mga sumusunod.

Tulad ng iyong nakikita, walang epekto. Maaari kang magdagdag ng isang frame, tukuyin ang lapad at taas.

Maaari mo ring i-play sa ang pagkakahanay. Maaari itong i-hile-hilera sa parehong taas at lapad.

I-align upang ihanay nang pahalang, at valign - vertical. Iyan ay tulad ng isang resulta.

Katangian align at valign maaaring ilapat sa ang buong linya. Pagkatapos ng lahat ng mga cell na ay sa loob nito ay sasailalim sa mga katangian.

Bilang karagdagan sa mga tag

. Sa katunayan ito ay isang analogue ng

, ngunit ito ay ginagamit lamang sa unang hanay at ay heading. Sa pamamagitan ng default, ang teksto sa

ay nakasentro at naka-bold.

Paano upang ikonekta ang mga estilo sa ang talahanayan?

Tulad ng anumang mga tag na HTML, ang talahanayan ay maaaring ma-convert sa pamamagitan ng mga estilo. Kailangan mong tukuyin ang estilo file sa head o handa na estilo (tulad ng ipinahayag sa head).

...