HTML学习要点:图像、链接与框架详解

需积分: 4 3 下载量 60 浏览量 更新于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基础知识,为后续的网页开发打下牢固的基础。在实际项目中,理解并灵活运用这些概念将有助于构建出功能丰富的网页结构。