Table - salah satu yang paling penting, tetapi pada masa yang sama unsur-unsur kompleks masa yang perlu hadir pada halaman web. Dengan bantuan mereka ia adalah mudah untuk memohon maklumat penting dan berguna dalam bentuk yang agak ringkas. Sudah tentu, kebanyakan editor dalam template, bekerja pada enjin yang berbeza, secara automatik memasukkan jadual ke dalam laman web anda atau penerbitan berasingan, tetapi bagaimana jika sumber reka bentuk web, muka surat yang dicipta dari awal? Kemudian tuan baru boleh mendapatkan masalah: bagaimana untuk membuat jadual dalam HTML. Mari kita lihat bagaimana dengan cepat dan betul membuat item.
pilih editor
Pertama sekali, mula membuat jadual, anda perlu menentukan editor di mana anda akan bekerja. Sudah tentu, cara yang paling mudah untuk memilih program di mana anda membuat kod tapak asas. Tetapi ia adalah yang terbaik untuk digunakan untuk tujuan ini notepad lama yang baik.
Anda boleh bertanya, mengapa merumitkan hidup anda, kerana jika anda melakukan semuanya dengan betul dalam editor, maka hasilnya boleh dilihat serta-merta, juga, dan juga meminta program untuk digunakan.
Ya, ia adalah benar, tetapi untuk membuat jadual dari awal, anda bukan sahaja akan dapat untuk memeriksa dengan teliti prinsip penciptaan, tetapi juga untuk mengelakkan kesilapan menaip memalukan dan kesilapan dalam kod asas. Kadang-kadang ia berlaku secara kebetulan bahawa kursor digerakkan ke bawah, dan proses menulis kod dalam kesesatan ngeri dalam, yang kadang-kadang sukar untuk mencari. Mewujudkan jadual dalam buku nota, anda boleh menyalin kod dan tampalkannya di tempat yang betul untuk anda.
Algoritma untuk mewujudkan jadual
Untuk memulakan, membuat algoritma yang singkat, bagaimana untuk membuat jadual dalam HTML. Ini adalah untuk memastikan bahawa anda memahami urutan setiap langkah. Kemudian, kaji betul-betul bagaimana untuk melakukan setiap perkara.
Mari kita mulakan dengan tindakan persediaan.
1. Lukis skema yang pada gambar membentangkan kertas.
2. Kira bilangan baris dan sel-sel. Jika bilangan sejarah yang berbeza - berfikir setiap ryadochka secara berasingan.
3. Tentukan nombor dalam sel-sel berturut-header (contohnya, «№» bimbit, "Nama" dan t. D.).
4. Tuliskan parameter utama meja - warna, ketinggian dan lebar, penjajaran teks - pendek kata, segala-galanya yang anda seolah-olah patut.
Kemudian pergi terus kepada penciptaan jadual:
1. Masukkan jadual teg.
2. Masukkan tag garisan berdasarkan jumlah yang anda perlukan.
3. baris memasukkan tag sel (normal dan huruf besar), juga berdasarkan jumlah yang telah direkodkan di atas kertas.
4. Tetapkan parameter untuk seluruh jadual.
5. Jika anda perlu untuk menetapkan parameter untuk sel-sel individu.
6. Isi teks sel kami.
membuat jadual
Jadi, anda memilih editor, sekarang mari kita lihat bagaimana untuk membuat jadual dalam HTML. Tag yang membolehkan jadual (
) dimasukkan ke dalam kod halaman dipasangkan, iaitu, pembinaan kami bermula dengan tag ini dan berakhir dengan .
Memasukkan jadual tag, teruskan untuk membuat baris dan sel-sel.
Sekarang, kita perhatikan bahawa unsur-unsur ini juga dipasangkan. Tag
mentakrifkan rentetan, dan | - sel-sel.
Bagi atas-sel boleh digunakan unsur berpasangan | .
Seperti yang telah disebutkan, langkah pertama adalah untuk menarik garis, maka mereka perlu mendaftar sel. Untuk mengelakkan kekeliruan, adalah dinasihatkan untuk melakukan apa-apa padding antara setiap blok dalam satu atau dua baris, atau pun untuk menetapkan unsur-unsur blok baru dengan menggunakan "Tab" utama.
Bagaimana ia boleh kelihatan seperti? Sesuatu seperti ini:
- ;
-
; -
№ p / p ; -
Nama ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
Seperti yang anda lihat, tiada apa yang rumit mengenainya. Perkara utama - tidak tersesat dalam bilangan baris dan sel. Jika tidak, meja Hishamudin.
Kami dibongkar untuk mencipta jadual dalam HTML, sekarang kita boleh bergerak dengan parameter bagi kedua-dua Matrix dan baris dan sel.
Pilihan Rajah Apabila kod ditulis, ia adalah perlu untuk memberi perhatian kepada perkara-perkara berikut: penjajaran dalam jadual HTML, warna sempadan, latar belakang, teks, dan sebagainya.
Parameter yang dinyatakan dalam tag meja . Ini termasuk:
1. Border - lebar sempadan. Ditakrifkan oleh integer. Secara lalai, mana-mana sempadan jadual lenyap.
2. bordercolor - warna sempadan. Ia boleh diberikan sebagai warna perenambelasan (# 00008B), dan namanya pada angliykom (Biru tua). Secara lalai, ia sentiasa kelabu.
3. bgcolor - warna latar belakang. Sebagaimana yang dinyatakan oleh kod atau nama.
4. Align - menyelaraskan teks untuk meja. Lalai - di sebelah kiri. Terdapat pilihan-pilihan berikut untuk parameter ini:
- kiri - balut betul;
- hak -obtekanie ke kiri;
- pusat - jadual output di tengah-tengah tanpa aliran.
5. Lebar dan ketinggian - lebar dan ketinggian meja. Ia boleh sama ada dalam piksel atau sebagai peratusan (berbanding dengan pelayar saiz tingkap).
Menetapkan petunjuk tertentu, anda perlu memberi perhatian khusus kepada reka bentuk. Selepas menentukan parameter untuk pergi tanda "sama", selepas itu dalam petikan menunjukkan nilai yang telah ditetapkan.
Bagi warna teks, kemudian membuat keluar dengan cara yang sama seperti teks biasa dalam format HTML.
Contoh jadual:
-
; -
; -
№ p / p ; -
Nama ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
parameter baris Oleh itu, kita telah digambarkan bagaimana untuk membuat jadual dalam HTML dan menetapkan parameter utama. Tetapi bagaimana jika kita perlu memperuntukkan rentetan? Semak dia bukan sebagai badan utama meja?
Parameter baris ditulis dalam tag | dengan cara yang sama seperti jadual data. Untuk beratur pembolehubah berikut boleh ditakrifkan:
1. Sudah kepadamu sempadan, bordercolor dan bgcolor.
2. Align - menyelaraskan teks dalam baris. Ia boleh ditetapkan ke kiri, tengah dan kanan.
3. valign - tag menjajarkan teks secara menegak. Ia mengambil nilai-nilai berikut:
- atas - teks yang adalah sejajar dengan sempadan atas;
- menengah - di tengah-tengah;
- bawah - pinggir bawah.
CONTOH garis pelepasan:
-
; -
№ p / p ; -
Nama ; - .
sel parameter Dan perkara yang terakhir yang anda perlu memberi perhatian kepada mereka yang ingin tahu bagaimana untuk membuat jadual dalam HTML - parameter sel individu, kedua-dua normal dan modal. Malah, segala-galanya dilakukan dengan cara yang sama seperti jadual atau baris. Hanya menambah dua unsur penting:
1. Colspan - parameter ini menentukan bilangan lajur yang mana sel boleh melanjutkan.
2. Rowspan - sudah menunjukkan bilangan baris diduduki oleh sel ini.
Kerana reka bentuk adalah tidak berbeza dari garis preskripsi, ia tidak akan menyebabkan kod sampel.
penemuan Membuat jadual yang tidak begitu sukar kerana ia mungkin kelihatan pada pandangan pertama. Perkara utama semasa menulis kodnya - ketabahan dan perhatian.
Berkenaan dengan bagaimana untuk memasukkan jadual dalam HTML, kemudian nombor kod adalah cukup untuk menyalin dan tampalkannya ke dalam tempat halaman anda, di mana, pada pendapat anda, perlu diletakkan.
Jangan takut untuk mencuba, dan tidak lama lagi anda dengan sempurna menguasai teknik mewujudkan jadual. nasib baik!
| |
| | |
| | | |
|