zoukankan      html  css  js  c++  java
  • 第八节 HTML表格

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>表格</title>
     6 </head>
     7 <body>
     8     <!-- 
     9         1、<table>标签:声明一个表格,常用属性如下:
    10             1、border属性:定义表格的边框,设置的值是数值
    11             2、cellpadding属性:定义单元格内容和边框的距离,设置的是数值
    12             3、cellspacing属性:定义单元格和单元格之间的距离,设置的是数值
    13             4、align属性:设置整体表格相对于浏览器窗口水平的对齐方式,设置有:left|center|right
    14         2、<tr>标签:定义表格中的一行
    15         3、<td>和<th>标签:定义一行中的一个单元格,td代表普通单元,th代表表头单元格,他们的常用属性如下:
    16             1、align属性:设置单元格中的水平对齐方式,left|center|right
    17             2、valign属性:设置单元格中内容的垂直对齐方式,top|midle|bottom
    18             3、colspan属性:设置单元格水平和并,设置是数值
    19             4、row属性:设置单元格垂直和并,设置值是数值 -->
    20     <table border="1" width="700" height="300" align="center">
    21         <tr>
    22             <th colspan="5" align="left">基本情况</th>
    23         </tr>
    24         <tr>
    25             <td width="25%"></td>
    26             <td width="15%"></td>
    27             <td width="25%"></td>
    28             <td width="15%"></td>
    29             <td rowspan="5" width="20%"><img src="图片1.png" alt="人物"></td>
    30         </tr>
    31         <tr>
    32             <td></td>
    33             <td></td>
    34             <td></td>
    35             <td></td>
    36         </tr>
    37         <tr>
    38             <td></td>
    39             <td></td>
    40             <td></td>
    41             <td></td>
    42         </tr>
    43         <tr>
    44             <td></td>
    45             <td></td>
    46             <td></td>
    47             <td></td>
    48         </tr>
    49         <tr>
    50             <td></td>
    51             <td></td>
    52             <td></td>
    53             <td></td>
    54         </tr>
    55     </table>
    56 
    57 </body>
    58 </html>
  • 相关阅读:
    阿里数据中台底座的12年建设实践
    淘宝小部件:全新的开放卡片技术!
    判断QQ是否在线
    Linux消息队列应用
    轻松学习Linux之如何创建可执行脚本
    JAVA多线程学习笔记
    轻松学习Linux之Shell文件和目录属性详解
    Firefox必备的24款web开发插件
    数论+图论+map——cf1323E
    【codevs1116】四色问题
  • 原文地址:https://www.cnblogs.com/kogmaw/p/12420213.html
Copyright © 2011-2022 走看看