<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媒体查询,可以创建适应不同设备屏幕尺寸的...