HTML学习要点:图像、链接与框架详解
需积分: 4 31 浏览量
更新于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基础知识,为后续的网页开发打下牢固的基础。在实际项目中,理解并灵活运用这些概念将有助于构建出功能丰富的网页结构。
171 浏览量
669 浏览量
2023-11-29 上传
2012-02-26 上传
238 浏览量
2022-11-05 上传
2020-04-02 上传
2021-02-21 上传
287 浏览量
JR1991
- 粉丝: 0
- 资源: 3
最新资源
- B2C_UQ云商系统 v1.3.1
- FrontEnd:回购协议
- StocksEvolutionApp:python实现的应用程序,使用bokeh来显示和操纵股票图
- Javaweb+mybatis+Springboot+SpringMVC活动拼团项目
- 飞机大战初级版
- 新建文件夹,新建文件夹2,matlab
- personal_portfolio:使用HTML,CSS,JS和AOS创建的个人投资组合网站,用于存储个人项目和文件以显示给朋友,家人和未来的雇主
- RoveClone:罗夫克隆
- Registry Finder(注册表管理)2.53 中文绿色版
- AnchorBooks
- AvalonDock的基本用法
- ATM-MACHINE-CODE:带有纯PYTHON的简单后端ATM代码
- 行业文档-设计装置-高压线路检修作业平台.zip
- html5 canvas模拟的见缝插针小游戏源码
- opentelemetry-指标收集和分布式跟踪框架-Rust开发
- WTAB-Wp-Pnl:我在WordPress中创建设置面板的基本插件