<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>
分享到：
相关推荐
这样的显示风格是不是很养眼啊？如果文章内容太多的话转换有点慢，希望大家能给我提出宝贵的意见。 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
* `<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中，文本默认连续显示，若需分段或换行，需使用这些元素。 4. **文本格式化**: `<b>`（粗体）、`<i>`（斜体）、`<u>`（下划线）和`<em>`（强调，通常斜体表示）等元素用于改变文本的视觉效果。`<strong>`元素...
由于定时/计数器在方式0、方式1 和方式2时的最大计数间隔取决于使用的晶振频率fosc，如下表所示，当需要的定时间隔 较大时，要采用适当的方法，即将定时间隔分段处理。 "p129 "6MHz "8MHz "10MHz "12MHz " "方式0 ...
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!"),...
1. 虚拟存储器通过分页、分段或段页方式组织内存，以实现更大的逻辑地址空间。 2. 替换策略包括LRU（最近最少使用）、LFU（最不经常使用）和FIFO（先进先出），有时会结合使用，以优化页面替换效果。 3. 页面替换时...
8. **分段与换行**： 实现换行，创建水平线，用于内容分组，便于样式设置。 9. **表单**：定义表单，元素用于用户输入，type属性可以是text、password、checkbox、radio等。关联输入字段，提高可访问性。 10. *...
5. **表格与数据**：如果需要以表格形式展示信息，可以使用`<table>`、`<tr>`（行）、`<th>`（表头）和`<td>`（单元格）。`<caption>`用于表格标题，`<colgroup>`和`<col>`可控制列样式。 6. **链接与图像**：`<a>`...
`<tbody>`则允许表格内容分段加载，对于大型数据集，这能提供更好的用户体验。 在使用这些分组标签时，应注意它们的正确嵌套顺序：`<thead>`、`<tfoot>`、`<tbody>`。`<thead>`内部应包含`<tr>`标签来定义表头行，...
9. **表格**：`<table>`元素用于创建表格，`<tr>`表示行，`<th>`定义表头单元格，`<td>`定义常规数据单元格。 10. **块级与内联元素**：块级元素如`<div>`、`<p>`会独占一行，而内联元素如`<span>`、`<a>`可以在...
- **缓存分段**：对于不同用户或条件下的部分内容，可以使用缓存分段功能。 6. **Smarty的插件开发** - **编写自定义函数**：创建PHP函数，通过`$smarty->registerPlugin()`注册到Smarty。 - **自定义修饰符**：...
7. **响应式设计（Responsive Design）**：利用CSS3的媒体查询（Media Queries），确保模板在不同设备上（如手机、平板、电脑）都能良好显示。 8. **数据表格（Data Tables）**：使用`<table>`、`<tr>`、`<td>`等...
HTML格式涉及到元素间的空白处理、换行、缩进等，通过` `进行换行，`<p>`分段，以及`<pre>`保留原始格式。学习这些可以帮助创建整洁的文档结构。 HTML实体，如`&`（&的实体表示）和`<`（<的实体表示），...
2. `<article>`和`<section>`：定义独立的内容区块和分段。 3. `<aside>`：侧边栏内容。 4. `<details>`和`<summary>`：创建可折叠的详情/摘要。 5. `<figure>`和`<figcaption>`：用于图像、图表等多媒体的容器及其...
- `<body>`：包含实际显示在浏览器中的内容。 - `<header>`：页面头部，常用于导航链接和logo。 - `<footer>`：页面底部，通常包含版权信息、联系方式等。 - `<main>`：页面主要内容区域。 - `<nav>`：导航链接部分...
图像标签`<img>`用于插入图片，src属性指定图片路径，alt属性提供图片无法显示时的替代文本，height和width属性设置图片尺寸，border属性控制边框宽度。图像地图允许通过定义热点区域链接到其他资源。 表格由`...
10. **框架和分段`: `<frameset>`和`<frame>`元素可实现页面分段显示不同内容，但现代网页更倾向于使用CSS布局。 11. **响应式设计**: 通过`, initial-scale=1">`和CSS媒体查询，可以创建适应不同设备屏幕尺寸的...