<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text ml; charset=utf-8" />
<title>我的主页</title>
<script type="text/javascript">
function load()
{
//获取table
var tab1 = document.getElementById("tab1");
//获取table的第一个tr元素
var tab1_tr=document.getElementsByTagName("tr")[0];
//获取第一个tr下的所有td长度
var tab1_td_length=tab1_tr.getElementsByTagName("td").length;
//设置行大小
var lineCount=6;
//判断是否超过行大小
if(tab1_td_length>6)
{
//计算总页数((记录数+行大小-1)/行大小)
var line = Math.round((tab1_td_length+lineCount-1)/lineCount);
//创建tbody
var tbody = document.createElement("tbody");
//装TD数组
var list = new Array();
for(var i =0;i<tab1_td_length;i++)
{
//装TD
list.push(tab1_tr.getElementsByTagName("td")[i]);
}
//根据页总数创建元素
for(var j =0;j<line;j++)
{
var tr = document.createElement("tr");
//开始值(当前页*行大小+1)-1
var begin = (j*lineCount+1)-1;
//结束值(当前页*行大小>记录总数?记录总数:当前页*行大小)
var end = (j+1)*lineCount>tab1_td_length ? tab1_td_length : (j+1)*lineCount ;
//截取TD数组
var clist = list.slice(begin,end);
for(var k =0;k<clist.length;k++)
{
//TR装TD
tr.appendChild(clist[k]);
}
//装TR
tbody.appendChild(tr);
}
tab1.setAttribute("border","1");
tab1.setAttribute("bgcolor","#888888");
//table添加tbody
tab1.appendChild(tbody);
}
}
</script>
</head>
<body onload="load()">
<table id="tab1" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="http://www.taobao.com/" target="_blank">淘宝网 </a></td>
<td><a href="http://www.dangdang.com/"target="_blank">当当网</a></td>
<td><a href="http://www.39.net" target="_blank">39健康网</a></td>
<td><a href="http://military.china.com/" target="_blank">中华军事网</a></td>
<td><a href="http://www.hao123.com" target="_blank">hao123</a></td>
<td><a href="http://www.aiting.com/" target="_blank">爱听音乐</a></td>
<td><a href="http://www.taobao.com/" target="_blank">淘宝网 </a></td>
<td><a href="http://www.taobao.com/" target="_blank">淘宝网 </a></td>
<td><a href="http://www.taobao.com/" target="_blank">淘宝网 </a></td>
<td><a href="http://www.taobao.com/" target="_blank">淘宝网 </a></td>
<td><a href="http://www.taobao.com/" target="_blank">淘宝网 </a></td>
</tr>
<tr>
<td><a href="http://www.sina.com" target="_blank">新 浪</a></td>
<td><a href="http://military.china.com/" target="_blank">中华军事网</a></td>
<td><a href="http://www.163.com" target="_blank">网 易</a></td>
<td><a href="http://www.qq.com" target="_blank">腾 讯</a></td>
<td><a href="http://www.google.com.hk/" target="_blank">Google</a></td>
<td><a href="http://www.baidu.com/" target="_blank">百 度</a></td>
</tr>
</table>
<br/>
</body>
分享到：
相关推荐
- **分段显示数字**：通过定义表格数组`table1`和`table2`，将数字转换为对应的段码，方便地控制数码管显示数字。 - **按键防抖处理**：在检测到按键按下后，先延时一段时间再确认按键是否真正按下，有效避免了误...
* `<P>`：定义段落标签，用于分段显示 * `<B>`：定义加粗标签，用于加粗文字 * `<I>`：定义斜体标签，用于斜体文字 * `<HR>`：定义水平线标签，用于分割内容 表格标签： * `<TABLE>`：定义表格标签，用于定义表格 ...
* `<BODY>`：放置浏览器中显示信息的所有标志和属性，内容在浏览器中显示 * `</HTML>`：`<HTML>`的结束标志 其他主要标签： * `,HREF="…"></A>`：链接标签，"…"为链接的文件地址 * `,SRC="…">`：显示图片标签，...
* <P>：分段标志 6. 字体标签：、 * <B></B>：采用粗体字 * <I></I>：采用斜体字 7. 表格标签：、<TR>、 * <TABLE></TABLE>：定义表格 * <TR></TR>：定义表格的行，用于<TABLE></TABLE>中 * <TD></TD>：定义表格...
- - 注释内容 - - >用于添加代码注释，这些内容不会显示在最终的网页中。\n\n表格是HTML中组织数据的重要工具，语法结构如下：\n<table>\n <tr>\n 单元格内容</td>\n </tr>\n</table>\n<tr>表示行，表示单元格，表示...
通过表格，网页设计者可以对网页内容进行分段和排版，使其更加清晰和有序。本知识点将详细介绍如何在HTML中建立和应用表格，包括表格的基本构建、边框、背景、行和单元格属性的设置，以及如何进行表格的嵌套和层标记...
在HTML中，文本默认连续显示，若需分段或换行，需使用这些元素。 4. **文本格式化**: `<b>`（粗体）、`<i>`（斜体）、`<u>`（下划线）和`<em>`（强调，通常斜体表示）等元素用于改变文本的视觉效果。`<strong>`元素...
8. **表格相关标签**：在HTML中，`<table>` 用于创建表格，`<tr>` 代表表格中的一行，`<th>` 用于定义表头（居中、加粗显示），`<td>` 用于定义表格的单元格。例如： ```html <tr> 表头1 表头2 </tr> <tr> ...
- **分段标签**：`<p>`用于定义段落； - **段落对齐方式**：`<p align="center/left/right">`用于设置段落的对齐方式； - **分割线标签**：`<hr>`用于绘制水平线。 通过组合使用这些基本的HTML标签，我们可以构建出...
if(m_ui->usrLineEdit->text()==tr("qt")&&m_ui->pwdLineEdit->text()==tr ("123456")) //判断用户名和密码是否正确 accept(); else{ QMessageBox::warning(this,tr("Warning"),tr("user name or password error!"),...
10. 采用双色LED指示灯显示连接状态、速度、活动以及双工模式，便于快速诊断网络状态。 高级管理特性（可选）包括： 1. IGMPSnooping：这项功能使得509FX交换机能够智能地转发组播流量。这在视频监控系统或IPTV应用...
段落标签`<p>`用于文字分段，` `用于强制换行。此外，还有其他如字体设置标签`<font>`，可以调整文字的颜色、字体和大小，但在现代网页设计中，通常使用CSS来实现这些效果。 HTML的表格标记（未在内容中完全...
POST方法通过建立与服务器的连接，并分段传输数据。GET方法则是将所有数据直接附加到URL之后进行传输。在实际应用中，需要根据服务器的要求选择合适的方法，并在标签中指定。input标签用于搜集用户信息，type属性...
- **系统地址寄存器**：GDTR、IDTR、TR、LDTR等，用于管理全局描述符表、中断描述符表等。 - **控制寄存器**：CR0、CR2、CR3、CR4等，用于控制处理器的工作模式和特性。 #### 三、Linux系统的启动过程 Linux系统的...
- `<tr>`：创建表格行。 - `<td>`：定义表格单元格，用于放置数据。 - `<th>`：定义表头单元格，通常用于显示列标题。 - `<thead>`：定义表格的表头部分，通常包含表头行。 - `<tbody>`：定义表格的主体部分，...
人机接口是操作人员与控制器交流信息的桥梁，液晶显示部分采用分段式液晶屏，能够显示关键的运行参数。控制器与上位机之间的远程通讯可以通过GPRS传输模块实现，此模块提供了无线数据传输的能力，便于远程监控和数据...
8. **分段与换行**： 实现换行，创建水平线，用于内容分组，便于样式设置。 9. **表单**：定义表单，元素用于用户输入，type属性可以是text、password、checkbox、radio等。关联输入字段，提高可访问性。 10. *...
- **作用**：显示粗体文字。 - **示例**： ```html 这是粗体文字 ``` ##### 5. 分割视窗目标 `<a target>` - **作用**：指定超链接的目标窗口。 - **示例**： ```html 打开新窗口 ``` ##### 6. 字体大小 `...
`<table>`、`<tr>`、`<td>`和`<th>`等标签组合使用，创建表格，其中`<table>`定义表格，`<tr>`定义行，`<td>`定义单元格，`<th>`定义表头单元格。 #### 九、序列标签 `<ol>`和`<ul>`分别用于有序列表和无序列表，`...