社区首页 >专栏 >html表格基础及案例示图代码。[通俗易懂]

html表格基础及案例示图代码。[通俗易懂]

全栈程序员站长

发布于 2022-09-14 03:55:30

2.3K0

大家好，又见面了，我是你们的朋友全栈君。

列表标签有序列表：标签<ol></ol> type=””>属性值有A,a,I,i,1 start=”“> 属性值为数字有序列表的列表项 <li> 无序列表：标签<ul></ul> type=””>属性值有disc circle square 无序列表的列表项<li> 自定义列表：标签<dl></dl> <dt></dt> 列表的标题 <dd></dd>；列表的列表项表格标签<table> 表格的属性 <table bgcolor=””>背景颜色 <table border=””>边框 <table backgroung=””>背景 <table width=””>宽度 <table cellspacing””>单元格与单元格之间的距离 <table cellspadding=””>单元格与字体之间的距离 <table height=””>高度 <table align=””>对齐，值：left right center <table bordercolor=””>边框颜色 <th></th>表格的表头标签。具有<td>的所有属性默认加粗居中 <tr>表格的行 bgcolor 背景颜色 backgroung 背景 height 高度 align 行的水平对齐方式值有 right left center valign 行的垂直对齐方式值有 top bottom middle <td>单元格 bgcolor 背景颜色 backgroung 背景图片 width 宽度 height 高度 align 单元格的水平对齐方式 ralign 单元格的垂直对齐方式 rowspan 合并行（垂直合并） colspan 合并列（水平对齐方式）表格表格是用来展示数据的 width 和 height 一般只写一个另一个会等比例改变表格标签<table> 表格的属性 <table bgcolor=””>背景颜色 <table border=””>边框 <table backgroung=””>背景 <table width=””>宽度 <table cellspacing””>单元格与单元格之间的距离 <table cellspadding=””>单元格与字体之间的距离 <table height=””>高度 <table align=””>对齐，值：left right center <table bordercolor=””>边框颜色 <th></th>表格的表头标签。具有<td>的所有属性默认加粗居中 <tr>表格的行 bgcolor 背景颜色 backgroung 背景 height 高度 align 行的水平对齐方式值有 right left center valign 行的垂直对齐方式值有 top bottom middle <td>单元格 bgcolor 背景颜色 backgroung 背景图片 width 宽度 height 高度 align 单元格的水平对齐方式 ralign 单元格的垂直对齐方式 rowspan 合并行（垂直合并） colspan 合并列（水平对齐方式）列表标签有序列表：标签<ol></ol> type=””>属性值有A,a,I,i,1 start=”“> 属性值为数字有序列表的列表项 <li> 无序列表：标签<ul></ul> type=””>属性值有disc circle square 无序列表的列表项<li> 自定义列表：标签<dl></dl> <dt></dt> 列表的标题 <dd></dd>；列表的列表项图像：图像标签<img/> <img src=””/> 图片的路径 <img width=””/> 图片的高度 <img height=””/> 图片的高度 ait 文字提示当图片无法显示或者路径不对时显示 <title> 当鼠标放在图片上时的文字提示超链接标签<a href=”路径”></a> 特点文字有颜色。有下划线，鼠标放上去会出现小手锚标记在需要跳转的位置处，目的地写上<a name=”锚点名称”></a> 如返回顶层。顶部<head>下面写<a name=”to”></a> 在主体最后写<a href=”#to”></a> target 打开方式 biank（在新窗口打开） self （在当前窗口打开） top (在顶层窗口打开) parent (在父窗口打开) 表格是用来展示数据的 width 和 height 一般只写一个另一个会等比例改变

width 和 height 一般只写一个另一个会等比例改变 <title> 当鼠标放在图片上时的文字提示 ait 文字提示当图片无法显示或者路径不对时显示图像：图像标签<img/> <img src=””/> 图片的路径 <img width=””/> 图片的高度 <img height=””/> 图片的高度 ait 文字提示当图片无法显示或者路径不对时显示 <title> 当鼠标放在图片上时的文字提示 <img height=””/> 图片的高度 <img width=””/> 图片的高度 <img src=””/> 图片的路径锚标记在需要跳转的位置处，目的地写上<a name=”锚点名称”></a> 如返回顶层。顶部<head>下面写<a name=”to”></a> 在主体最后写<a href=”#to”></a> target 打开方式 biank（在新窗口打开） self （在当前窗口打开） top (在顶层窗口打开) parent (在父窗口打开) 超链接标签<a href=”路径”></a> 特点文字有颜色。有下划线，鼠标放上去会出现小手锚标记在需要跳转的位置处，目的地写上<a name=”锚点名称”></a> 如返回顶层。顶部<head>下面写<a name=”to”></a> 在主体最后写<a href=”#to”></a> target 打开方式 biank（在新窗口打开） self （在当前窗口打开） top (在顶层窗口打开) parent (在父窗口打开) 特点文字有颜色。有下划线，鼠标放上去会出现小手表格是用来展示数据的

案例图片