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

2022-09-14 11:55:30 浏览数 (2)

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

列表标签 有序列表:标签<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 (在父窗口打开) 特点 文字有颜色。有下划线,鼠标放上去会出现小手 表格是用来展示数据的

案例图片

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/159781.html原文链接:https://javaforall.cn

0 人点赞