温馨提示:网站使用自适应技术,手机与电脑显示界面不同,电脑界面显示效果更佳。

做了个小站,积累一些技术,分享一些原创
    体会生活,记录一些小随笔,闲说心得

html和css的标签与代码简析

<table></table> 表格标签,创建表格,其下还有几个基本元素标签:

<caption></caption>表格标题标签,在表格单元格上方居中显示
<tbody></tbody> 表格内容显示结构标签,加上这个标签可以按结构一块块的显示,不用等整个表格加载完后显示,这个标签用于表格很长的情况来分段显示。一般短表格就不用用此标签。
<th></th> 表格表头标签,默认输出文字加粗 
<tr></tr> 表格行标签
<td></td> 表格行的单元格标签,也可理解为列

summary可为表格添加摘要,摘要的内容不会在浏览器中显示出来。作用是增加表格的语义化,可让搜索引擎更好的读懂表格内容,还适合特殊用户使用机器语音阅读时更好的帮助读取表格内容。语法:<table summary="表格摘要简介文字">

下面为:

表格的输写形式,常用一般为:

<table>
  <tr>
     <td>内容</td>
   </tr>
</table>

表格的所有输写形式:

<table summary="表格摘要简介文字">
  <caption>表格标题</caption>
 <tbody>
  <tr>
     <th>表格表头1</th>
     <th>表格表头2</th>
  </tr>
  <tr>
     <td>内容1</td>
     <td>内容2</td>
   </tr>
 </tbody>
</table>

表格在默认输出到浏览器时是没有表格线的,只有配合添加CSS样式后才能设置

点击数:1411

你可能也喜欢下面相关文章:

发表回复

必填项已用*标注