html表格的基本属性是什么

  介绍

这篇“html表格的基本属性是什么”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“html表格的基本属性是什么”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获、下面让我们一起来看看具体内容吧。

html是什么

html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签。通过这些标签可以将网络上的文档格式统一,使分散的互联网资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形,动画,声音,表格,链接等,主要和css + js配合使用并构建优雅的前端网页。

表格是最重要的数据化格式工具啦,无论是前台还是后台,都有大量的应用。

我们先打几个网站看一下,页面中哪些内容是用表格做的。

html创建表格使用表标签,这个标签是一个典型的复合标签,因它只写它是没用的,必须要配合内部的子标签才有意义。

创建表格的基本原则是:先创建行,再划分列。一行一列叫一个单元格,用户数据必须全部放在单元格中。

创建行使用标签& lt; tr>,创建列使用标签& lt; td>,标题用& lt; caption>下面我们创建一个最简单的表格。

刚创建的好的表格,你会发现根本不像一个表格,连最基本的表格线都没有,也正为这点,最早的时候表格还用来布的局,不过现在不用它的。

下面我们为这个表格添加一些最基本的属性,至少让它看一下像一个表格啦。

边界:设置表格边框线的宽度。

单元格间距:设置单元格之间的间隙,设置为0,相当于单元格边线折叠,这时它自动使用表格的边框宽度,如1 .

单元格边距:设置单元格数据与边界之间的距离,使内容不至于太拥挤。

对齐:设置单元格内数据的对方方式,默认为左左对齐,可以设置右右对齐和中心居中对齐。

宽度:设置表格的宽度,可以为绝对值,也可以是一个百分比相对值,推荐设置为相对值,以自适应数据变化。

高度:设置表格的高度,这里没有设置,以适应表格的行数的变化。

& lt; ! DOCTYPE  html>   & lt; html>   & lt; head>   & lt; meta  charset=癠TF-8"祝辞   & lt; title>表格的基本属性& lt;/title>   & lt;/head>   & lt; body>   & lt; table 边界=?“,单元格间距=?”,单元格边距=?“,对齐=癱enter",宽度=啊?0%;比;   & lt; caption> & lt; h4>岛国明星TOP50排行榜& lt;/h4> & lt;/caption>   & lt; !——,我们可以设置行或单元格的背景颜色:天蓝色天蓝色,——比;   & lt; tr 背景=皊kyblue"祝辞   & lt; !——, & lt; th>标签内部文本默认会加粗居中显示,非常适合做表头,——比;   & lt; th> ID   & lt; th>姓名& lt;/th>   & lt; th>腰围& lt;/th>   & lt; th>腰围& lt;/th>   & lt; th>臀围& lt;/th>   & lt;/tr>   & lt; tr>   & lt; td 对齐=癱enter"祝辞01 & lt;/td>   & lt; td 对齐=癱enter"祝辞波多野结衣& lt;/td>   & lt; td 对齐=癱enter"祝辞88 & lt;/td>   & lt; td 对齐=癱enter"祝辞59 & lt;/td>   & lt; td 对齐=癱enter"祝辞85 & lt;/td>   & lt;/tr>   & lt; tr>   & lt; td 对齐=癱enter"祝辞02 & lt;/td>   & lt; td 对齐=癱enter"祝辞小泽玛利亚& lt;/td>   & lt; td 对齐=癱enter"祝辞90 & lt;/td>   & lt; td 对齐=癱enter"祝辞60 & lt;/td>   & lt; td 对齐=癱enter"祝辞85 & lt;/td>   & lt;/tr>   & lt; tr>   & lt; td 对齐=癱enter"祝辞03 & lt;/td>   & lt; td 对齐=癱enter"祝辞浅川梨奈& lt;/td>   & lt; td 对齐=癱enter"祝辞87 & lt;/td>   & lt; td 对齐=癱enter"祝辞61 & lt;/td>   & lt; td 对齐=癱enter"祝辞88 & lt;/td>   & lt;/tr>   & lt; tr>   & lt; td 对齐=癱enter"祝辞04 & lt;/td>   & lt; td 对齐=癱enter"祝辞深田恭子& lt;/td>   & lt; td 对齐=癱enter"祝辞86 & lt;/td>   & lt; td 对齐=癱enter"祝辞62 & lt;/td>   & lt; td 对齐=癱enter"祝辞88 & lt;/td>   & lt;/tr>   & lt; tr>   & lt; td 对齐=癱enter"祝辞05 & lt;/td>   & lt; td 对齐=癱enter"祝辞苍老师& lt;/td>   & lt; td 对齐=癱enter"祝辞88 & lt;/td>   & lt; td 对齐=癱enter"祝辞68 & lt;/td>   & lt; td 对齐=癱enter"祝辞90 & lt;/td>   & lt;/tr>   & lt;/table>   & lt; !——,使用之前学过的& lt; a>标签来制作一个简单的分页,这里的& lt; p>标签只起到一个简单的包装作用,——比;   & lt; p 对齐=癱enter"祝辞   https://www.yisu.com/zixun/& lt; a  href=" ">首页

html表格的基本属性是什么