KomputerPerisian

Menggunakan jadual HTML

Dalam HTML, terdapat banyak unsur-unsur, dan setiap daripada mereka adalah unik dengan cara mereka sendiri. Table - sangat menarik, popular dan tertakluk serius. Terima kasih kepada beliau, anda tidak boleh hanya menyediakan maklumat dalam bentuk yang mudah, tetapi juga untuk membina rangka kerja tapak.

Sebelum ini, hampir semua webmaster menggunakan jadual untuk susun atur adalah laman. Pada mulanya, jadual itu tidak datang dengan. Oleh itu, kita mesti menggunakan unsur blok div untuk menandakan laman web ini.

Jika anda tidak mahu sentiasa kekal orang baru, mendapatkan digunakan segera untuk melakukan segala-galanya dengan betul. Ini adalah sangat penting dalam HTML bahasa. meja perlu diletakkan hanya maklumat yang biasa (teks, pautan, senarai, imej, dan sebagainya. P.), Dan tidak keseluruhan laman web ini secara keseluruhannya.

Bagaimana untuk membuat HTML Rajah?

Jadual - unsur kompleks yang terdiri daripada sejumlah besar unsur-unsur lain. Ingat bahawa apabila mewujudkan sel-sel atau baris sentiasa segera perlu meletakkan tag penutup. Jika tidak, ia akan terbang. Handler dalam pelayar akan mencari akhir elemen dan, sampai ia menemukannya, segala-galanya akan terus memasukkan dalam jadual. hasilnya akan menjadi bubur.

Jika anda menulis sebuah laman web dalam "Notepad", maka segala-galanya akan perlu lakukan dengan tangannya. Jika dalam editor akhir, biasanya butang - "meja insert", "memasukkan imej" dan sebagainya.

CONTOH 2 Jadual 2.

teks untuk baris pertama sel pertama

teks baris kedua sel pertama

teks sel pertama baris kedua

teks sel kedua baris kedua

Tag

dan menandakan permulaan dan hujung meja. Tag dan - permulaan dan akhir garis. Dalam baris yang sama boleh menjadi apa-apa bilangan sel-sel yang ditakrifkan oleh tag , ada tag tambahan

teks baris pertama sel pertama

teks baris kedua sel pertama

dan .

Peraturan utama ialah: bilangan sel-sel dalam setiap baris mestilah sama. Ia meja.

Tetapi, seperti dalam Word dan Excel editor, sel-sel boleh digabungkan dengan satu sama lain.

Bagaimana untuk menggabungkan sel dalam jadual?

Untuk menggabungkan dan menggunakan Colspan Rowspan sifat-sifat. Span diterjemahkan sebagai "penutup" atau "bertindih". Makna literal - untuk menutup / menutup sel / baris.

Nilai atribut ini perlu menentukan berapa banyak baris atau sel-sel akan disekat. Berikut adalah contoh ilustrasi menggunakan kedua-dua HTML atribut dalam jadual.

Dalam contoh ini, baris pertama 3 dikumpulkan sel menggunakan atribut colspan = "3". Kemudian sel pertama rentetan kedua diregangkan dalam empat baris. Ingat regangan yang / menggabungkan hanya dalam sel pertama. hartanya merebak pada. Semua yang datang sebelum ini, tidak akan terjejas.

Jika anda mempunyai 5 sel yang anda mahu bergabung 2-4, maka anda perlu hanya pada bilangan sel 2 menentukan colspan atribut = "3".

Mencatatkan nombor slot 9 dalam rajah di atas. Terdapat dikumpulkan segera dan sel-sel dan baris. Tindakan tersebut tidak dilarang.

Lihatlah contoh yang lain untuk mendapatkan maklumat. Oleh sebab sesetengah keliru dan sifat-sifat dan bukannya baris sel kadang-kadang digabungkan.

Format jadual

Mengambil, kes standard biasa HTML. Jadual Dua baris dua sel setiap satu.

kod tersebut akan menjadi seperti berikut.

Seperti yang anda lihat, tidak ada kesan. Anda boleh menambah bingkai, menentukan lebar dan ketinggian.

Anda juga boleh bermain dengan penjajaran. Ia boleh dijajarkan dalam kedua-dua ketinggian dan lebar.

Menyelaraskan untuk menyelaraskan secara mendatar, dan valign - menegak. Itulah apa-apa hasil.

Sifat-sifat menyelaraskan dan valign boleh digunakan untuk semua keturunan. Kemudian semua sel-sel yang berada di dalamnya akan tertakluk kepada sifat-sifat ini.

Selain tag

dan
. Malah ia adalah analog , tetapi ia hanya digunakan dalam baris pertama dan menuju. Secara lalai, teks dalam berpusat dan dalam huruf tebal.

Bagaimana untuk menyambung gaya ke meja?

Seperti mana-mana tag HTML, meja boleh ditukar dengan cara gaya. Anda perlu untuk menentukan fail gaya di kepala atau gaya siap (seperti yang dinyatakan di kepala).

...

">

Rajah {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: # 000000;

}

.my_class

{

color: # 666.666;

}

...

Jika anda menentukan jadual, kemudian gaya ini akan terpakai bagi semua jadual pada halaman. Sudah tentu semua orang. Tetapi, jika anda menggunakan kaedah kedua, yang menunjukkan nama arbitrari dengan titik, maka gaya ini boleh digunakan untuk mana-mana jadual dikehendaki, tetapi masih lagi yang lain.

Sila ambil perhatian: Kelas boleh digunakan sebagai tag untuk jadual dan untuk sel atau baris tertentu.

= " 100%" border = "1">

teks sel pertama baris kedua

teks sel kedua baris kedua

Jika gaya artis di suatu kesilapan, hasilnya tidak akan melihat. Jika, bagaimanapun, dalam gaya yang terdapat kesilapan, tetapi nama-nama adalah sama, kesannya tidak akan. Setiap koma atau kolon memainkan peranan yang penting.

ciri-ciri tambahan dalam jadual

Apa sifat-sifat boleh ditulis dalam kelas-kelas gaya? Terdapat banyak ciri-ciri yang digunakan secara khusus pada jadual. Pertimbangkan yang paling asas yang amat berguna.

menyelaraskan

Penjajaran mendatar

valign

Penjajaran menegak

latar belakang

imej latar belakang dalam sel / meja

bgcolor

Warna latar belakang sel

bordercolor

Frame Rajah warna / sel

ketinggian

ketinggian sel

nowrap

Mengharamkan teks balut dalam rentetan.

lebar

Lebar sel / meja

Seperti yang anda lihat, gunakan HTML dalam jadual boleh menjadi besar "alat".

Indah yang dicipta menggunakan jadual HTML. contoh

Oleh kerana gaya anda boleh membuat pelbagai jadual yang indah. Ia semua bergantung kepada apa dan bagaimana anda suka. Ia seperti memasak. Bahan-bahan yang yang sama, dan lebih banyak pilihan banyak resipi.

Seperti yang anda lihat, jika anda menggunakan tag HTML, jadual boleh berubah di luar pengiktirafan. had mungkin ditentukan oleh imaginasi anda.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ms.unansea.com. Theme powered by WordPress.