介绍
这篇“HTML中表格的知识点示例“文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“HTML中表格的知识点示例”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。
HTML有什么特点 1,简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。
2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证只
3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。
4通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
制作网页时,要合理规划网页布局。比如,在网页中添加一个表格,可分为上、中、下三部分,上部存放网页标题或标志图片,中间部分是整个网页的主体内容,底部就是相关制作信息。此外,单元格里还可再添加单元格,将内容分类别,分层次合理规划。
<强>表格标签表——
是一个双标签。一个表格中包含& lt; table> & lt; tr>, & lt; td>三个基本元素。首标签& lt; table>和尾标签& lt;/table>表示一个表格的开始和结束强生# 39;tr=表行# 39;用于表示一行的开始和结束,& # 39;td=表数据# 39;用来表示行中个单元格的开始和结束。
& lt; table>
& lt; tr>
,,,& lt; td>单元格内容& lt;/td>
,,,& lt; td>单元格内容& lt;/td>
& lt;/tr>
& lt; tr>
,,,& lt; td>单元格内容& lt;/td>
,,,& lt; td>单元格内容& lt;/td>
& lt;/tr>
…
& lt;/table> <强>表格的标题——标题
有一种特殊的单元格叫做标题单元格,位于表格的第一行,标题单元格是没有边框的,默认居中显示。
& lt; caption>表格的标题& lt;/caption> <强>表格边边界框——
默认情况下,表格不显示边框。为了更好的区分内容,可以设置表格边框宽度大小,
& lt; table 边界=& # 39;边框属性& # 39;在 <强>表格内文字与边框的距离,单元格边距
默认情况下,文字紧贴边框。通过单元格边距可以调整文字与边框之间的距离
& lt; table 单元格边距=& # 39;文字与边框的距离& # 39;在 <强>表格中单元格之间的距离,单元格间距
表格中单元格之间的距离也可以变化。
& lt; table 单元格间距=& # 39;单元格之间的距离& # 39;在 <强>单元格背景图像——背景
& lt; table 背景=& # 39;图片& # 39;在 & lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
,,,& lt; meta charset=癠TF-8"比;
,,,& lt; title>小白& lt;/title>
& lt;/head>
& lt; body>
& lt; p>默认情况下的表格& lt;/p>
& lt; table 边界=?“,对齐=癱enter"比;
,,,& lt; caption>亚洲& lt;/caption>
,,,& lt; tr>
,,,,,,,& lt; td>中国& lt;/td>
,,,,,,,& lt; td>北京& lt;/td>
,,,,,,,& lt; td> 1949年10月1日& lt;/td>
,,,& lt;/tr>
,,,& lt; tr>
,,,,,,,& lt; td>缅甸& lt;/td>
,,,,,,,& lt; td>内比都& lt;/td>
,,,,,,,& lt; td> 1948年1月4日& lt;/td>
,,,& lt;/tr>
& lt;/table>
& lt;人力资源/比;
& lt; p>设置属性后的表格& lt;/p>
& lt; !——背景:行背景颜色——比;
& lt; table 单元格边距=?5”,单元格间距=?0“,边境=?“,背景=? 8 fbc8f",对齐=癱enter"比;
,,,& lt; caption>亚洲& lt;/caption>
,,,& lt; tr>
,,,,,,,& lt; td>中国& lt;/td>
,,,,,,,& lt; td>北京& lt;/td>
,,,,,,,& lt; td> 1949年10月1日& lt;/td>
,,,& lt;/tr>
,,,& lt; tr>
,,,,,,,& lt; td>缅甸& lt;/td>
,,,,,,,& lt; td>内比都& lt;/td>
,,,,,,,& lt; td> 1948年1月4日& lt;/td>
,,,& lt;/tr>
& lt;/table>
& lt;/body>
& lt;/html>
<强>行合并属性——行宽
在制作一些复杂的表格时,需要用到单元格合并
& lt; td 行=& # 39;需要合并的行数& # 39;在
