Ngagunakeun HTML tabel Unsur atribut

Simkuring nerangkeun atribut unsur anu sah di HTML5 (jeung HTML 4.01). Ieu ngagambarkeun atribut tabel anu sah di HTML 4,01, tapi nu leungit dina HTML5. Lamun masih nulis HTML 4,01 dokumén, anjeun tiasa nganggo atribut ieu, tapi kalobaannana boga alternatif anu bakal nyieun kaca anjeun beuki hareup-proofed keur nalika anjeun ngalih ka HTML5.

Sah HTML 4,01 atribut

atribut nu urang ditétélakeun di luhur.

Hijina bédana dina HTML 4,01 ti HTML5 nyaeta nu bisa nangtukeun naon sakabeh integer (0, 1, 2, 15, 20, 200, jeung sajabana) pikeun nangtukeun lebar wates dina piksel.

Ngawangun tabel kalawan wates 5px, nyerat:

tabel = "5">

tabel ieu wates 5px.

Tempo hiji conto dua tabel kalawan wates.

cellpadding = "20">

tabel ieu mangrupa cellpadding 20.


wates Cell bakal dipisahkeun ku 20 piksel.

Nempo conto tabel kalawan cellpadding

atribut nu ngahartikeun jumlah spasi antara sél tabel sarta eusi sél. Kawas cellpadding, standar anu disetel ka dua piksel, jadi Anjeun kudu nyetél ka 0 upami anjeun hoyong teu dipasing sél.

Pikeun nambahkeun spasi sél ka méja, nyerat:

atribut nu ngahartikeun rubak tabel dina boh piksel atanapi salaku persentasi unsur wadahna. Mun lebar henteu diatur, méja bakal nyandak up ngan salaku loba spasi sakumaha eta perlu nembongkeun eusi, kalayan rubak maksimum sami salaku rubak unsur indungna.

Ngawangun tabel kalayan rubak husus di piksel, nyerat:

tabel = "300">

tabel ieu 80% lebar wadah éta dina.

Tur ngawangun tabel kalayan rubak nu mangrupakeun perséntase unsur indungna, nyerat:

gaya = "ngambang: katuhu;" >

tabel ieu katuhu Blok


téks ngalir sabudeureun ka kénca éta

nuturkeun ngécéskeun atribut tabel anu teu bagian tina sagala spésifikasi HTML.

Informasi saméméhna ngajelaskeun atribut ti unsur HTML anu sah di HTML 4,01 tapi nu leungit dina HTML5.

handap ngajelaskeun atribut tabel anu teu sah di sagala spésifikasi ayeuna. Mun anjeun teu paduli ngeunaan naha kaca anjeun sangkan méré konfirmasi sarta pamaké anjeun ngagunakeun panyungsi nu ngarojong elemen ieu, teras Anjeun bisa make elemen ieu. Tapi tétéla boh unsupported dina panyungsi modéren atawa boga alternatif anu leuwih standar-patuh.

Urang ulah nyarankeun ngagunakeun atribut ieu dina tabel HTML Anjeun.

atribut éta mangrupa atribut heubeul nu ieu kaasup saméméh CSS ieu lega didukung. Eta ngidinan Anjeun pikeun ngarobah kelir kasang tukang tabél. Anjeun tiasa nyetel ngaran warna atawa kode hexadecimal. atribut Ieu masih jalan di loba panyungsi, tapi pikeun HTML hareup-proofed, anjeun teu kudu make eta, sarta make CSS gantina.

Alternatif hadé mun atribut ieu harta gaya.

Ngaganti warna latar tukang méja, nyerat:

tabel = "tukang-warna: #ccc;" >

tabel ieu latar abu

Sarupa jeung nu atribut bgcolor, anu atribut bordercolor ngidinan Anjeun ngarobah warna atribut éta. atribut ieu ukur dirojong ku Internet Explorer. Gantina, Anjeun kedah nganggo harta gaya wates-warna.

gaya = "wates-warna: beureum;" >

tabel ieu wates beureum.

The bordercolorlight na bordercolordark atribut anu kaasup dina Internet Explorer jeung ngidinan Anjeun pikeun nyieun wates 3D sabudeureun tabel Anjeun. Najan kitu, salaku sahiji IE8 na nepi, ieu ukur dirojong di IE7 Standards Mode na Quirks Mode . Microsoft nyebutkeun yén sipat ieu nu euweuh didukung.

Pikeun waktu anu singget, anu cols atribut dina unsur tabel munggaran diajukeun pikeun mantuan panyungsi nyaho sabaraha kolom méja tadi. premis ieu nu kieu bakal ngabantu nyepetkeun nu Rendering tabel badag. Sanajan kitu eta ngan dilaksanakeun ku Internet Explorer, jeung salaku sahiji IE8 na nepi, ieu ukur dirojong di IE7 Standards Mode na Quirks Mode.

Kusabab aya hiji atribut lebar (leungit di HTML5) loba jalma dianggap aya atribut jangkungna keur tabel ogé. Tapi kusabab tabel akur jeung lebar eusi atawa lebar didefinisikeun dina CSS atawa atribut lebar, jangkungna bisa teu konstrain. Jadi gantina panyungsi diwenangkeun jangkungna atribut keur ngartikeun jangkungna minimum tabél. Mun tabél nya taller ti jangkungna éta, éta bakal nembongkeun taller. Tapi anjeun kudu make harta

Jeung harta jangkungna CSS anjeun tiasa konstrain jangkungna lamun nganggo harta CSS ogé keur ngartikeun naon kajadian kalawan sagala eusi kaleuwihan.

Nyetel jangkungna minimum dina méja, nyerat:

tabel = "jangkungna: 30em;" >

tabel Ieu sahenteuna 30 suweng tinggi.

Dua atribut na ditambahkeun spasi sabudeureun kénca / katuhu sisi (hspace) jeung luhur / handap (vspace) tina tabél. Anjeun kedah nganggo harta gaya gantina.

gaya = "margin: 20px 40px;"

tabel ieu mangrupa vspace 20 piksel na hiji hspace 40 piksel.

atribut mangrupa atribut boolean nu ngahartikeun naha eusi méja kudu mungkus di ujung unsur indungna atawa jandela atawa maksakeun ngagulung horisontal. Gantina, Anjeun kudu nangtukeun karakteristik wrapping unggal sél tabel ngagunakeun harta CSS.

Nyieun hiji kolom kalawan loba téks teu mungkus, nyerat:

gaya = "bodas-spasi: nowrap;" > Ieu kolom ku ton eusi. Tapi sanajan éta anu leuwih lega ti wadah téks teu kudu mungkus kana garis hareup, tapi gantina maksakeun jandéla browser pikeun ngagulung horisontal ningali sadaya eusi.

Tungtungna, atribut teh ngahartikeun kumaha eusi unggal sél kedah align vertikal dina sél. Gantina atribut sah ieu, anjeun kedah nganggo harta CSS on unggal sél rék ngarobah alignment sahiji. Anjeun moal aya bewara efek tina gaya ieu iwal eusi sél urang nu kirang ti ruang nu sadia dijieun ku lianna, sél nu leuwih gede.

Maksa sél pikeun align ka handap (tinimbang tengah, sakumaha standar anu), nulis:

sél Ieu leuwih panjang batan sésana sarta jadi bakal maksakeun jangkungna janten taller. Sahingga anjeun bakal nempo yén sél vertikal Blok ieu Blok ka handap.
gaya = "vertical-align: handap;" > Eusi di handap.
Eusi di tengah.