hujung hadapan web
html tutorial
Bagaimanakah saya boleh menghalang jadual HTML saya daripada diformat secara tidak betul?
Bagaimanakah saya boleh menghalang jadual HTML saya daripada diformat secara tidak betul?
Terdapat ciri CSS yang disokong dengan baik tetapi kurang dikenali, sangat berguna untuk jadual. Ia mengubah cara jadual dipaparkan supaya anda boleh mempunyai reka letak yang lebih dipercayai dan konsisten. Memformat jadual dengan betul adalah berfaedah kerana ia menjadikan halaman web lebih mesra pengguna dan membantu pengguna memahami maklumat dalam jadual dengan lebih jelas.
Artikel ini akan mengajar anda cara mengelakkan "ralat" pemformatan jadual dalam HTML. Sebelum kita menyelami artikel ini, mari kita lihat jadual dalam HTML.
Jadual HTML
Jadual HTML dibuat menggunakan teg
| Elemen di bawah | lalai kepada teks biasa dan dijajar ke kiri.
Jadual HTML membenarkan pengarang halaman web menyusun teks, imej, pautan, jadual lain dan data lain ke dalam sel dalam baris dan lajur. SintaksBerikut ialah sintaks jadual HTML <table>…</table> Salin selepas log masuk Pertimbangkan contoh berikut untuk lebih memahami cara mengelakkan pemformatan jadual HTML yang "salah". ContohDalam contoh di bawah, kami menggunakan CSS bersama-sama dengan ketinggian jadual yang dinyatakan sebelum ini untuk mengelakkan pemformatan jadual "salah". <!DOCTYPE html>
<html>
<body>
<style>
table, td {
width: 100%;
border: 2px solid #82E0AA ;
border-collapse: collapse;
}
td {
height: 52px;
width: 52%;
}
td[rowspan="2"] {
height: 110px;
}
</style>
<table>
<tbody>
<tr>
<td colspan="2">1.MSD</td>
</tr>
<tr>
<td rowspan="2">2.VIRAT</td>
<td>3.YUVI</td>
</tr>
</tbody>
</table>
</body>
</html>Salin selepas log masuk Apabila skrip dilaksanakan, ia akan menghasilkan output yang mengandungi jadual yang diisi dengan data dalam format yang betul untuk dipaparkan pada halaman web. ContohPertimbangkan contoh berikut, kami ingin mempunyai imej sebagai imej latar belakang jadual, kami akan menambahnya menggunakan CSS untuk mengelakkan "pepijat" dengan format jadual. <!DOCTYPE html>
<html>
<body>
<table border = "2" bordercolor = "#BB8FCE" background = "https://www.tutorialspoint.com/images/asp.net_mvc_icon.svg">
<tr>
<th>Stream</th>
<th>Course</th>
<th>Amount</th>
</tr>
<tr>
<td rowspan = "2">Technical</td>
<td>HTML</td><td>6000</td>
</tr>
<tr>
<td>JAVA</td>
</tr>
</table>
</body>
</html>Salin selepas log masuk Selepas menjalankan kod di atas, tetingkap output akan muncul menunjukkan imej yang mengandungi data dan ditambah sebagai latar belakang pada jadual yang dipaparkan pada halaman web. ContohMari kita lihat perkara berikut, kita akan menggunakan ketinggian dan lebar jadual untuk membuat jadual dalam format yang kita kehendaki untuk mengelakkan pemformatan jadual "salah". <!DOCTYPE html>
<html>
<body>
<table border = "2" bordercolor="#CCCCFF" width = "300" height = "100">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>Salin selepas log masuk Apabila skrip dilaksanakan, ia menghasilkan output yang mengandungi jadual yang dilukis pada halaman web dengan CSS digunakan dalam format yang dikehendaki. |
Atas ialah kandungan terperinci Bagaimanakah saya boleh menghalang jadual HTML saya daripada diformat secara tidak betul?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1377
52
Alih keluar nilai pendua daripada tatasusunan PHP menggunakan ungkapan biasa
Apr 26, 2024 pm 04:33 PM
Cara mengalih keluar nilai pendua daripada tatasusunan PHP menggunakan ungkapan biasa: Gunakan ungkapan biasa /(.*)(.+)/i untuk memadankan dan menggantikan pendua. Lelaran melalui elemen tatasusunan dan semak padanan menggunakan preg_match. Jika ia sepadan, langkau nilai jika tidak, tambahkannya pada tatasusunan baharu tanpa nilai pendua.
Untuk apa pengaturcaraan dan apakah kegunaan mempelajarinya?
Apr 28, 2024 pm 01:34 PM
1. Pengaturcaraan boleh digunakan untuk membangunkan pelbagai perisian dan aplikasi, termasuk tapak web, aplikasi mudah alih, permainan dan alat analisis data. Bidang aplikasinya sangat luas, meliputi hampir semua industri, termasuk penyelidikan saintifik, penjagaan kesihatan, kewangan, pendidikan, hiburan, dll. 2. Pembelajaran pengaturcaraan boleh membantu kita meningkatkan kemahiran menyelesaikan masalah dan kemahiran berfikir logik. Semasa pengaturcaraan, kita perlu menganalisis dan memahami masalah, mencari penyelesaian dan menterjemahkannya ke dalam kod. Cara berfikir ini boleh memupuk kebolehan analitikal dan abstrak kita dan meningkatkan keupayaan kita untuk menyelesaikan masalah praktikal.
Bina aplikasi berasaskan pelayar dengan Golang
Apr 08, 2024 am 09:24 AM
Bina aplikasi berasaskan pelayar dengan Golang Golang digabungkan dengan JavaScript untuk membina pengalaman bahagian hadapan yang dinamik. Pasang Golang: Lawati https://golang.org/doc/install. Sediakan projek Golang: Cipta fail bernama main.go. Menggunakan GorillaWebToolkit: Tambahkan kod GorillaWebToolkit untuk mengendalikan permintaan HTTP. Cipta templat HTML: Cipta index.html dalam subdirektori templat, yang merupakan templat utama.
Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula
Oct 11, 2024 pm 12:17 PM
Python ialah bahasa pengenalan pengaturcaraan yang ideal untuk pemula melalui kemudahan pembelajaran dan ciri yang berkuasa. Asasnya termasuk: Pembolehubah: digunakan untuk menyimpan data (nombor, rentetan, senarai, dll.). Jenis data: Mentakrifkan jenis data dalam pembolehubah (integer, titik terapung, dll.). Operator: digunakan untuk operasi matematik dan perbandingan. Aliran kawalan: Kawal aliran pelaksanaan kod (penyataan bersyarat, gelung).
Koleksi teka-teki pengaturcaraan C++: merangsang pemikiran dan meningkatkan kemahiran pengaturcaraan
Jun 01, 2024 pm 10:26 PM
Teka-teki pengaturcaraan C++ meliputi algoritma dan konsep struktur data seperti jujukan Fibonacci, faktorial, jarak Hamming, nilai maksimum dan minimum tatasusunan, dll. Dengan menyelesaikan teka-teki ini, anda boleh menyatukan pengetahuan C++ dan meningkatkan pemahaman algoritma dan kemahiran pengaturcaraan.
Penyelesaian Masalah dengan Python: Buka Kunci Penyelesaian Berkuasa sebagai Pengekod Pemula
Oct 11, 2024 pm 08:58 PM
Pythonmemperkasakan pemula dalam menyelesaikan masalah.Sintaksnya yang mesra pengguna, perpustakaan luas, dan ciri-ciri seperti pembolehubah, pernyataan bersyarat, dan pembangunan kod yang cekap boleh dilonggarkan. Daripada mengurus data untuk mengawal aliran program dan melaksanakan tugasan berulang, Pythonprovid
Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu
Oct 11, 2024 pm 10:47 PM
C ialah pilihan ideal untuk pemula untuk mempelajari pengaturcaraan sistem Ia mengandungi komponen berikut: fail pengepala, fungsi dan fungsi utama. Program C mudah yang boleh mencetak "HelloWorld" memerlukan fail pengepala yang mengandungi pengisytiharan fungsi input/output standard dan menggunakan fungsi printf dalam fungsi utama untuk mencetak. Program C boleh disusun dan dijalankan dengan menggunakan pengkompil GCC. Selepas anda menguasai asas, anda boleh beralih kepada topik seperti jenis data, fungsi, tatasusunan dan pengendalian fail untuk menjadi pengaturcara C yang mahir.
Dapatkan modul Go dengan cepat dan mudah dengan Go Get
Apr 07, 2024 pm 09:48 PM
Melalui GoGet, anda boleh mendapatkan modul Go dengan cepat dan mudah Langkah-langkahnya adalah seperti berikut: Jalankan dalam terminal: goget[module-path], dengan modul-path ialah laluan modul. GoGet memuat turun modul dan kebergantungannya secara automatik. Lokasi pemasangan ditentukan oleh pembolehubah persekitaran GOPATH.
