Tabel - salah satu yang paling penting, tetapi pada saat yang sama elemen kompleks yang harus ada pada halaman web. Dengan bantuan mereka lebih mudah untuk menerapkan informasi penting dan berguna dalam bentuk yang agak ringkas. Tentu saja, sebagian besar editor di template, bekerja pada mesin yang berbeda, secara otomatis memasukkan meja ke situs web Anda atau publikasi terpisah, tetapi bagaimana jika sumber daya desain web, halaman-halamannya dibuat dari awal? Maka tuan pemula mungkin mendapatkan masalah: bagaimana membuat tabel dalam HTML. Mari kita lihat bagaimana cepat dan benar menciptakan item.
memilih Editor
Pertama-tama, mulai membuat tabel, Anda harus mendefinisikan editor di mana Anda akan bekerja. Tentu saja, cara termudah untuk memilih program di mana Anda membuat kode situs dasar. Tapi yang terbaik adalah menggunakan untuk tujuan ini notepad tua yang baik.
Anda mungkin bertanya, mengapa mempersulit hidup Anda, karena jika Anda melakukan segalanya dengan benar di editor, maka hasilnya dapat dilihat langsung, juga, dan bahkan meminta program untuk digunakan.
Ya, itu benar, tetapi untuk membuat tabel dari awal, Anda tidak hanya akan dapat memeriksa secara menyeluruh prinsip penciptaan, tetapi juga untuk mencegah kesalahan ketik memalukan dan kesalahan dalam kode yang mendasari. Kadang-kadang terjadi secara kebetulan bahwa kursor bergerak ke bawah, dan proses menulis kode dalam kesalahan merayap di, yang kadang-kadang sulit untuk menemukan. Membuat meja di notebook, Anda dapat menyalin kode dan paste di tempat yang tepat untuk Anda.
Algoritma untuk membuat tabel
Untuk memulai, membuat algoritma singkat, bagaimana membuat tabel di HTML. Hal ini untuk memastikan bahwa Anda memahami urutan setiap langkah. Kemudian menganalisis persis bagaimana melakukan masing-masing item.
Mari kita mulai dengan tindakan persiapan.
1. Menggambar skema pada gambar meja kertas.
2. Hitung jumlah baris dan sel. Jika jumlah masa lalu yang berbeda - memikirkan setiap ryadochka secara terpisah.
3. Tentukan jumlah di sel baris-header (misalnya, «№» sel, "Nama" dan t. D.).
4. Tuliskan parameter utama dari tabel - warna, tinggi dan lebar, perataan teks - singkatnya, segala sesuatu yang Anda tampaknya cocok.
Lalu pergi langsung ke pembuatan tabel:
1. Masukkan tabel tag.
2. Masukkan tag garis berdasarkan jumlah yang Anda butuhkan.
3. baris menyisipkan tag sel (normal dan huruf besar), juga atas dasar jumlah yang telah direkam di atas kertas.
4. Mengatur parameter untuk seluruh meja.
5. Jika Anda perlu mengatur parameter untuk sel-sel individual.
6. Isi teks sel kita.
membuat tabel
Jadi, Anda memilih Editor, sekarang mari kita lihat bagaimana membuat tabel dalam HTML. Tag yang memungkinkan tabel (
) dimasukkan ke dalam kode halaman dipasangkan, yaitu, konstruksi kami dimulai dengan tag ini dan diakhiri dengan .
Memasukkan tabel tag, lanjutkan untuk membuat baris dan sel.
Sekarang, kami mencatat bahwa elemen-elemen ini juga dipasangkan. Tag
mendefinisikan string, dan | - sel.
Untuk bagian atas-sel harus digunakan elemen dipasangkan | .
Seperti telah disebutkan, langkah pertama adalah untuk menarik garis, maka mereka harus mendaftar sel. Untuk menghindari kebingungan, disarankan untuk melakukan padding antara setiap blok dalam satu atau dua baris, atau untuk meresepkan elemen blok baru dengan menggunakan "Tab".
Bagaimana bisa terlihat seperti? Sesuatu seperti ini:
-
; -
; -
№ p / p ; -
Nama ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
Seperti yang Anda lihat, tidak ada yang rumit tentang hal itu. Hal utama - tidak tersesat dalam jumlah baris dan sel. Jika tidak, meja miring.
Kami dibongkar untuk membuat tabel di HTML, sekarang kita dapat beralih ke parameter dari kedua Matrix dan baris dan sel.
tabel Pilihan Ketika kode ditulis, perlu untuk memperhatikan poin-poin berikut: keselarasan di meja HTML, warna perbatasan, latar belakang, teks, dan sebagainya.
Parameter yang ditentukan dalam tag table . Ini termasuk:
1. Border - lebar perbatasan. Ditetapkan oleh integer. Secara default, setiap perbatasan meja lenyap.
2. Bordercolor - warna perbatasan. Hal ini dapat diberikan sebagai warna heksadesimal (# 00008B), dan namanya di angliykom (DarkBlue). Secara default, itu selalu abu-abu.
3. bgcolor - warna latar belakang. Sebagaimana ditentukan oleh kode atau nama.
4. Align - menyelaraskan teks untuk meja. Default - di sebelah kiri. Ada pilihan berikut untuk parameter ini:
- kiri - bungkus kanan;
- -obtekanie kanan ke kiri;
- pusat - tabel output di tengah-tengah tanpa aliran.
5. Lebar dan tinggi - lebar dan tinggi tabel. Hal ini dapat baik dalam pixel atau sebagai persentase (relatif terhadap ukuran jendela browser).
Resep indikator tertentu, Anda harus memberi perhatian khusus untuk desain. Setelah menentukan parameter untuk pergi tanda "sama", setelah itu dalam tanda kutip menunjukkan nilai yang telah ditentukan.
Adapun warna teks, kemudian membuat keluar dalam cara yang sama seperti teks biasa dalam format HTML.
Contoh tabel:
- ;
-
; -
№ p / p ; -
Nama ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
parameter baris Jadi kita sudah tahu bagaimana membuat tabel dalam HTML dan resep parameter utamanya. Tapi bagaimana kalau kita perlu mengalokasikan string? Periksa nya tidak sebagai badan utama dari meja?
parameter baris ditulis dalam tag | dengan cara yang sama seperti tabel data. Untuk berbaris variabel berikut dapat didefinisikan:
1. Sudah diketahui Anda perbatasan, bordercolor dan bgcolor.
2. Align - meratakan teks di baris. Hal ini dapat diatur ke kiri, tengah dan kanan.
3. valign - tag sejajar teks secara vertikal. Dibutuhkan nilai berikut:
- top - teks sejalan dengan batas atas;
- tengah - di tengah;
- bawah - tepi bawah.
CONTOH izin line:
- ;
-
№ p / p ; -
Nama ; - .
sel parameter Dan hal terakhir yang Anda harus memperhatikan mereka yang ingin tahu bagaimana membuat tabel di HTML - parameter sel-sel individual, baik normal dan modal. Bahkan, semuanya dilakukan dengan cara yang sama seperti untuk meja atau baris. Satu-satunya menambahkan dua elemen penting:
1. colspan - Parameter ini menentukan jumlah kolom yang sel dapat memperpanjang.
2. rowspan - sudah menunjukkan jumlah baris ditempati oleh sel ini.
Karena desain yang tidak berbeda dari garis resep, tidak akan menghasilkan kode contoh.
temuan Membuat tabel tidak sesulit mungkin tampak pada pandangan pertama. Hal utama saat menulis kode - ketekunan dan perhatian.
Adapun cara untuk menyisipkan tabel dalam HTML, kemudian nomor kode adalah cukup untuk menyalin dan paste ke tempat halaman Anda, di mana, menurut pendapat Anda, harus ditempatkan.
Jangan takut untuk bereksperimen, dan segera Anda sempurna menguasai teknik membuat tabel. Good luck!
| |
| | |
| | | |
|