JavaScript教程笔记:HTML与表格详解

需积分: 1 0 下载量 122 浏览量 更新于2024-09-26 收藏 9KB TXT 举报
"这是一份基于张孝祥的JavaScript教程视频编写的配套笔记,主要涵盖了JavaScript的基础知识,包括HTML表格的使用以及 frameset 和 frame 的概念。" 在JavaScript的学习中,HTML是其常与之交互的前端语言。HTML表格是构建网页布局的重要元素,其结构主要包括`<table>`、`<tr>`、`<td>`和`<th>`等标签。`<table>`用于创建表格,可以设置`bgcolor`来指定背景颜色,`border`定义边框宽度,`bordercolor`设置边框颜色,`bordercolorlight`和`bordercolordark`在边框宽度大于1时起作用,`cellspacing`定义单元格之间的间距,`cellpadding`控制单元格内内容与边框的距离,`width`和`height`分别设定表格的宽度和高度。 `<tr>`代表表格行,可以设置`align`来调整行的水平对齐方式(如`left`、`center`或`right`),`valign`则用于设置垂直对齐(如`top`、`middle`或`bottom`)。`<td>`表示表格中的数据单元格,具有与`<tr>`类似的属性,同时还可以通过`colspan`跨列合并,`rowspan`跨行合并,`nowrap`用于阻止文本换行。 `<th>`是表头单元格,通常用作列标题,具有默认的粗体和居中对齐效果,也可以应用`align`和`valign`属性。`<caption>`标签用来添加表格的标题,显示在表格的顶部。 HTML的`<frameset>`和`<frame>`标签则是关于框架(frames)的概念,用于创建多窗口的浏览体验。`<frameset>`定义了页面的分割方式,`rows`和`cols`属性用于指定行列数及各自的相对大小。`<frame>`标签则定义每个框架的内容,通过`src`属性指定加载的页面,`name`为框架命名,方便通过`<a>`标签的`target`属性进行跳转。`scrolling`决定是否显示滚动条,`noresize`可以禁用用户调整框架大小的能力。 `<a>`标签的`target`属性控制链接打开的位置,有`_blank`(新窗口)、`_parent`(父框架)、`_self`(当前框架)、`_top`(整个浏览器窗口)等选项。`<noframes>`标签则用于在不支持框架的浏览器中展示内容。 这些笔记内容详细阐述了JavaScript与HTML交互时涉及的表格操作和框架技术,是理解Web前端开发基础的重要参考资料。