webmaster baru perlu menghadapi banyak cabaran. Ia akan kelihatan seolah-olah hari ini kita boleh gunakan untuk membuat template laman web anda sendiri, tetapi masalah itu, mereka tidak selalu mempunyai ciri-ciri yang diingini, dan kemudian perlu sama ada membuat reka bentuk laman web dari awal, atau lain membuat perubahan pada kod yang sedia ada. Dan kemudian ia akan memerlukan pengetahuan HTML-kod dan idea minimum bagaimana untuk menetapkan warna latar belakang dan halaman, memasukkan gambar atau video, membuat jadual dalam HTML.
Mula kerja di atas meja
Salah satu perkara yang paling sukar dalam markup HTML-muka surat - meja. Masalahnya bukan kerumitan tag, yang, sebenarnya, tidak terlalu sukar untuk diingati, dan bahawa semasa menulis kod, anda boleh dengan mudah membuat kesilapan - lupa untuk mendaftarkan talian tambahan atau sel, masukkan teks yang tidak pergi ke mana ia adalah perlu, dan maksudnya lain . Dan yang lebih jadual, lebih besar peluang untuk membuat kesilapan.
Oleh itu, bermula untuk membuat jadual dalam HTML, kami mencadangkan tumpuan maksimum dan tidak terganggu.
Pertama, kita perlu menarik meja masa depan di atas sekeping kertas, menandakan bahawa di mana sel anda akan, dan juga menyatakan sendiri parameter asas elemen tertentu.
Berikut adalah untuk mengira bilangan baris dalam jadual dan bilangan sel-sel dalam setiap baris. Juga kami mengesyorkan untuk ambil perhatian perkara seperti kehadiran imej dalam jadual, warna latar belakang, sempadan, teks. Hanya selepas itu anda boleh mula untuk mencipta jadual HTML menggunakan maklumat yang disimpan.
editor
Jadi, anda telah membuat jadual tataletak. Sekarang kita perlu memilih editor yang sesuai untuk menciptakannya. Anda boleh memilih tapak web tertentu dan pereka untuk membuat jadual yang di dalamnya. Menggunakan perisian ini, membuat jadual semudah dalam dokumen Word. Anda boleh memilih program seperti FrontPage. Walaupun program ini agak lama, ia boleh membantu untuk membuat laman web yang baik, selain pada ia boleh didapati di lebih daripada tutorial.
Jika anda ingin membuat jadual HTML menggunakan kod khas yang boleh digunakan untuk tujuan ini dan buku nota biasa atau dokumen Word biasa. Walau bagaimanapun, di sini anda perlu bekerja keras seperti menulis kod akan lama.
Anda boleh menggunakan editor yang dibina ke dalam enjin perisian itu sendiri. Jadi, apabila anda mencipta rekod dalam banyak enjin ia menyediakan keupayaan untuk menambah unsur-unsur yang berbeza, termasuk jadual. Walaupun ciri-ciri asas editor anda tidak berpuas hati, membuat perubahan kepada kod akan menjadi lebih mudah daripada menulis dari awal.
tag
Tidak kira bagaimana editor yang akan anda gunakan sebelum anda mula membuat jadual dalam html, anda harus ingat tag asas. Ketiga-tiga mereka -
,
dan
. Ambil perhatian bahawa semua tag berpasangan. Jadual pertama mewakili tag secara keseluruhan, mentakrifkan garis kedua, ketiga - sel dalam baris.
Sedikit lebih lanjut tentang setiap tag. meja sentiasa bermula dengan tag
dan berakhir dengan . Mana-mana pelayar adalah simbol apa yang meja di hadapannya. Seterusnya, ditetapkan garis yang terbuka
tag dan berakhir dengan . Dalam setiap baris, menggunakan tag
dan Nombor ditetapkan sel.
Oleh itu, kod jadual 2x2 akan kelihatan seperti ini:
Memasukkan jadual dalam halaman HTML kod boleh disalin daripada editor yang dipilih.
jadual parameter, baris dan sel-sel
Jadi, kami membincangkan kod asas. Sekarang mari kita bercakap tentang bagaimana untuk memperbaiki meja, menjadikannya lebih cerah dan lebih menarik. Untuk melakukan ini, anda perlu tahu parameter asas tag. Ia ditulis dalam tag permulaan, di mana selepas setiap parameter disamakan, dan kemudian mendaftarkan nilai diambil dalam petikan. Sebagai contoh, latar belakang dalam jadual HTML ditakrifkan sebagai: .
Kami menyenaraikan beberapa parameter asas yang akan menjadi yang paling berguna kepada anda. Mari kita mulakan dengan meja itu sendiri.
Jadi, untuk menetapkan lebar sempadan bantuan parameter sempadan, yang boleh mengambil apa-apa nilai berangka. Sempadan warna menetapkan bordercolor. Latar belakang umum menetapkan bgcolor.
Jika anda ingin membuat gambar latar belakang jadual, menggunakan latar belakang terpakai, dalam kes ini anda perlu menetapkan corak URL.
Jajarkan kandungan halaman sekitar parameter meja akan menyelaraskan, yang boleh ditetapkan ke kiri, tengah dan kanan.
Menetapkan tag tajuk akan membantu pasangan , yang mendaftar selepas tag pembukaan
.
Rentetan sedikit parameter. Warna sel-sel dalam berturut-turut ditetapkan menggunakan bgcolor. penjajaran teks mendatar boleh dilakukan dengan menggunakan align parameter (kiri, tengah atau kanan), menegak - valign (menganggap nilai atas, tengah atau bawah).
Mengenai sel boleh diperhatikan bahawa corak warna latar belakang dan latar belakang diberikan untuk itu dengan parameter yang sama untuk seluruh jadual. Jajarkan teks Anda boleh menggunakan align dan valign parameter.
Terdapat juga tetapan tertentu - colspan dan rowspan. Dengan yang pertama boleh menetapkan bilangan lajur, yang akan melanjutkan sel. Kedua menentukan bilangan baris yang mana sel tertentu boleh melanjutkan.
Itu sahaja pilihan yang lebih berguna.
Jadual warna
Mari kita mengatakan beberapa perkataan tentang apa-apa perkara yang berguna sebagai jadual warna. Dengan bantuan latar belakang halaman ditetapkan, warna teks, pautan dan unsur-unsur lain. Rajah warna mengandungi kira-kira 216 warna. Setiap daripada mereka mempunyai kod hex sendiri.
kod itu sendiri bermula dengan tanda pound dan terdiri daripada tiga pasang digit atau huruf. Sebagai contoh, warna hijau dalam jadual mempunyai kod # 007F0. Setiap pasangan mewakili keamatan salah satu daripada tiga warna utama - merah, hijau dan biru. Menggunakan jadual, anda boleh memilih warna yang anda mahu dan menetapkan ia menggunakan kod.
Jika anda tidak boleh menggunakan jadual, anda boleh set warna menggunakan namanya dalam bahasa Inggeris.
kandungan
A beberapa perkataan mengenai kandungan. Sudah tentu, yang paling sering kita dapat melihat teks dalam jadual HTML, tetapi ia tidak bermakna bahawa ia hanya kita boleh meletakkan di sana. Dan barisan sel juga mungkin mengandungi gambar, audio dan fail video, pautan.
Bagi meletakkan teks atau apa-apa maklumat lain di dalam sel (line), perlu menetapkan ia antara kedua-dua tag. Sebagai contoh:
nama . Ia akan memaparkan "Nama" dalam sel.
Letakkan maklumat grafik dan fail media menggunakan tag khas - ,
Tips
Akhirnya kami memberikan beberapa tips berguna untuk membantu anda dengan cepat membuat jadual HTML apa-apa kerumitan.
Apabila menulis Rajah mengesyorkan bahawa anda pertama kali mendaftar tag meja dan parameter utama. Kemudian baris senarai tag. Setiap pasangan memulakan baris baru. Jadi, anda akan melihat berapa banyak baris dalam jadual anda. Juga senarai parameter baris atau baris, jika mereka berbeza dari asas. Kemudian kami cadangkan untuk mula mendaftar setiap sel dalam garisan baru. Ia adalah wajar untuk membuat satu atau dua lekukan Tab dari tepi. Oleh itu, anda dengan jelas akan melihat struktur kod.
Kandungan sel dan baris dinasihatkan untuk mendaftar seawal akhir, apabila rangka jadual telah sedia.