ホームページ > 記事 > ウェブフロントエンド > htmlタグの詳しい解説(2)
前回は、httpの基本的なタグであるリンクタグ、イメージタグ、HTMLフレームワークなどを中心に説明しましたが、次回はテーブルタグ、リストタグ、フォームタグを中心に詳しく解説していきます
1 : テーブルタグ l & lt; & lt;/table & gt; タグ
& lt;/TR & GT; を示すために使用されます。 & lt;/td & gt; 列を表すために使用されるラベル
ラベルは、
border テーブルの幅を設定します。単位はピクセルです
width テーブルの幅を設定します、単位はピクセルです
height テーブルの高さ、単位を設定しますピクセルです
cellspacing 表の境界線の間隔を表すセル間の距離を設定します
cellpadding テキストを設定します セルの境界線からの距離
bgcolor 表の背景色を設定します
align 配置の設定に使用されます、中央、左、右など
<!DOCTYPE html> <html> <head> <!-- 原创作者:蜗牛 --> <title>table标签</title> </head> <body> <table border="1" width="360" height="240" cellspacing="1" cellpadding="1" align="center" bgcolor="red"> <!--这里的center表示该表格在页面的中间位置--> <!--这里的背景色标签是bgcolor--> <caption><h2>我的好朋友</caption> <tr> <th>姓名</th> <th>性别</th> <th>年龄</th> <th>爱好</th> </tr> <tr align="center"> <!--这里的center表示的是表格里面的字体居中--> <td>小红</td> <td>女</td> <td>20</td> <td>跳舞</td> </tr> <tr align="center"> <td>小舵</td> <td>女</td> <td>24</td> <td>唱歌</td> </tr> </table> </body> </html>
実行結果は以下の通りです:
注: 表の各セルに異なる内容を入力した場合、各セルのサイズを同じに保つには 2 つの方法があります。たとえば、テーブルの合計の高さが 400 で 4 行を設定し、各<!DOCTYPE html> <html> <head> <title>table中合并单元格</title> </head> <body> <table border="1" width="300" height="200" align="center" background="first.jpg" > <!--background代表的是背景图片,bgcolor代表背景色完全不一样--> <tr align="center" width="100" > <td>1</td> <td colspan="2">占两列</td> <!--当colspan="2"表示在同一行中,两列并一列,那么在它下面少写一个<td></td>标签--> <!-- 删除掉此<td></td> --> <td>2</td> </tr> <tr align="center" width="100"> <td rowspan="2">占两行</td> <!--当 rowspan="2"表示在同一列中 两行并一行,那么在同一列中删掉一个<td></td>标签--> <td>3</td> <td>4</td> <td>5</td> </tr> <tr align="center" width="100" > <!-- 删除掉此<td></td> --> <td>6</td> <td>7</td> <td>8</td> </tr> </table> </body> </html>実行結果は以下の通りです 3: フォーム