JavaScript教程笔记:HTML与表格详解
需积分: 1 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前端开发基础的重要参考资料。
2022-06-15 上传
2010-04-17 上传
2020-03-03 上传
2019-04-04 上传
2019-03-16 上传
2010-12-04 上传
2019-03-22 上传
2019-05-26 上传
2024-11-27 上传
wangjihuiyi
- 粉丝: 0
- 资源: 4
最新资源
- MATLAB新功能:Multi-frame ViewRGB制作彩色图阴影
- XKCD Substitutions 3-crx插件:创新的网页文字替换工具
- Python实现8位等离子效果开源项目plasma.py解读
- 维护商店移动应用:基于PhoneGap的移动API应用
- Laravel-Admin的Redis Manager扩展使用教程
- Jekyll代理主题使用指南及文件结构解析
- cPanel中PHP多版本插件的安装与配置指南
- 深入探讨React和Typescript在Alias kopio游戏中的应用
- node.js OSC服务器实现:Gibber消息转换技术解析
- 体验最新升级版的mdbootstrap pro 6.1.0组件库
- 超市盘点过机系统实现与delphi应用
- Boogle: 探索 Python 编程的 Boggle 仿制品
- C++实现的Physics2D简易2D物理模拟
- 傅里叶级数在分数阶微分积分计算中的应用与实现
- Windows Phone与PhoneGap应用隔离存储文件访问方法
- iso8601-interval-recurrence:掌握ISO8601日期范围与重复间隔检查