HTML学习要点:图像、链接与框架详解
需积分: 4 73 浏览量
更新于2024-09-12
收藏 7KB TXT 举报
HTML笔记重点主要涵盖了HTML的基础知识和关键概念,对于学习网页编程至关重要。以下是详细的笔记内容:
1. 图像标签与链接地图:
- `<img>`标签用于插入图像,并通过`src`属性指定图片路径,如`<img src="index04.jpg" width="500" height="500" border="0" usemap="#m1">`。`usemap`属性定义了一个可点击区域的地图,`<map>`元素则定义了各个区域,包括矩形(shape="rect")、圆形(shape="circle")和多边形(shape="poly"),`coords`属性用于指定形状的坐标。
2. 超链接和锚点:
- `<a>`标签用于创建超链接,例如`<aname="top">somedata.</a>`和`<ahref="#top">totop</a>`。`name`属性为锚点名称,`href`属性用于指定链接的目标位置。
- 邮件链接使用`<a href="mailto:sally@126.com?subject=hello">`,可以发送电子邮件。
3. 表格属性:
- `<table>`元素的`colspan`属性用于设置单元格跨列,`rowspan`属性用于设置单元格跨行,这些属性有助于控制表格布局。
4. `disabled`属性:
- `disabled`属性用于使输入字段不可用,如`<input type="text" disabled="disabled">`,防止用户编辑或提交表单数据。
5. 嵌套框架结构:
- HTML中的框架结构由`<frameset>`和`<frame>`标签构成,如一个包含三个子框架的示例,通过`rows`和`cols`属性定义每个框架的大小和来源。`<frameset>`标签内嵌套多个`<frame>`,用于组织页面内容。
6. `<area>`元素与链接区域:
- `<area>`标签用于在`usemap`区域中定义链接,如与`<map>`元素配合使用,实现地图式的链接交互。
7. 框架目标与跳转:
- 在`<a>`标签的`target`属性中,可以指定链接打开的新窗口,如`target="mainFrame"`,`mainFrame`是预先定义好的框架名。
8. 实例展示:
- 提供了一个HTML页面的实例,展示了如何使用框架、链接和表格等元素,以及如何通过`<body>`标签定义样式和链接目标。
通过学习和掌握以上这些要点,你可以建立起坚实的HTML基础知识,为后续的网页开发打下牢固的基础。在实际项目中,理解并灵活运用这些概念将有助于构建出功能丰富的网页结构。
点击了解资源详情
点击了解资源详情
点击了解资源详情
2023-11-29 上传
2012-02-26 上传
2010-10-14 上传
2009-01-10 上传
2020-04-02 上传
2022-11-05 上传
JR1991
- 粉丝: 0
- 资源: 3
最新资源
- 181192.github.io:我的个人资料页面
- ModularApplication:iOS中的模块化架构
- 毕业设计(任务书)-论文.zip
- AngularNGGRID_SubGrid_Pagination:将 ng-grid 3 与子网格和分页一起使用!
- Python-3.5.7.tgz
- koa-google-sign-in
- knight:骑士基金会赠款的材料
- PHP实例开发源码—新海discuz7.2discuz7.1论坛自助友情链接系统.zip
- 毕业设计(论文)中期检查表-论文.zip
- 致敬骑行者——DIY自行车”geek”的转向灯-电路方案
- Excel表格+Word文档各类各行业模板-房屋占用费预算明细表.zip
- karma-typescript-coverage:在打字稿中编写单元测试并尝试生成代码覆盖率
- rake-compiler-dev-box:使用rake编译器的虚拟机
- 毕业设计(论文)中期报告-论文.zip
- DHT11_DHT11_
- 创新信息技术项目网页模板-适配移动端&PC端-HTML网站源码.zip