masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

jadual HTML

Setiap jadual mempunyai beberapa baris (ditakrifkan oleh teg < tr>) dan setiap baris dibahagikan kepada beberapa sel (ditakrifkan oleh teg < td>). Huruf td merujuk kepada data jadual, kandungan sel data. Teg < th> Sel data boleh mengandungi teks, gambar, senarai, perenggan, bentuk, garisan mendatar, jadual dan banyak lagi.

Mari kita tulis fail HTML ringkas untuk mengamalkan teg ini: 

<html>
<title >表格</title>
<body style="font-size:20px">
    <p style="text-align:center">表格</p>  
     <table  align="center" border="1">  
            <tr>
            <td>第一行和第一列</td>
            <td>第一行和第二列</td>
            <td>第一行和第三列</td>
            </tr>
             <tr>
             <td>第二行和第一列</td>
             <td>第二行和第二列</td>
             <td>第二行和第三列</td>
             </tr>
     </table>   
</body>
</html>

Ini ialah tangkapan skrin percubaan:

QQ截图20161206113742.png

border =" 1" mentakrifkan ketebalan sempadan paling luar, iaitu 1. Anda juga boleh menetapkannya kepada 0, yang bermaksud tiada sempadan dipaparkan (lalai ialah tiada sempadan). Di sini kita menukarnya kepada 15 dan cuba:

QQ截图20161206113812.png

Mari perkenalkan dua atribut jadual: colspan: mengawal bilangan lajur yang diduduki oleh unit ini rentang baris: mengawal bilangan baris yang diduduki oleh unit ini

rreee

Jika anda tidak Saya tidak memahaminya dengan baik, mari kita lihat Melihat prestasi pada halaman web, perbandingan membantu kita memahami. Biarkan unit dalam lajur pertama dan baris pertama menduduki dua lajur, dan biarkan unit dalam baris kedua dan lajur pertama menduduki dua baris Ini adalah kesannya.

QQ截图20161206114105.png

Terdapat banyak butiran yang boleh ditakrifkan dalam jadual. Semua orang perlu berlatih:

Tag: < ;Tajuk< ; /th>: Tetapkan tajuk jadual

Tag: < kapsyen>tajuk< jarak tepi sel

Atribut: bgcolor="..."Tetapkan warna latar belakang jadual

Atribut: latar belakang="..." Gunakan gambar tertentu sebagai latar belakang jadual

< takrifkan jadual

<kapsyen>

<th> Tentukan pengepala jadual.

<tr> Mentakrifkan baris jadual.

<td>

<kepala>

<tbody> Mentakrifkan badan jadual.

<tfoot> Mentakrifkan pengaki jadual.

<col> Mentakrifkan sifat untuk lajur jadual.

<colgroup> Mentakrifkan kumpulan lajur jadual.

Meneruskan pembelajaran
||
<html> <title >表格</title> <body style="font-size:30px"> <p style="text-align:center">表格</p> <table align="center" border="15" > <tr> <td align="center" colspan="2">第一行和第一列</td> </tr> <tr> <td rowspan="2">第二行和第一列 </td> ​ <td>第二行和第二列 </td> <td >第二行和第三列</td> </tr> <tr> <td>第三行和第一列 </td> <td>第三行和第二列 </td> </tr> </table> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492970 permainan