标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。其基本语法结构如下:
class和id:是分别指定热点的类型和id号。
alt:用于设定热点的替代性文字。
href:用于设定该热点所链接的url地址。
shape和coords:是两个主要的参数,用于设定热点的形状和大小。其基本用法如下:
表示设定热点的形状为矩形,左上角顶点坐标为(X1,y1),右下角顶点坐标为(X2,y2)。
表示设定热点的形状为圆形,圆心坐标为(X1,y1),半径为r。
表示设定热点的形状为多边形,各顶点坐标依次为(X1,y1)、(X2,y2)、(x3,y3) ......。
备注:x1, y1,x2,y2 这几个点的位置 是根据图片而定的,不是根据窗口的大小而定。
标记是在图像地图中划分作用区域的,因此其划分的作用区域必须在图像地图的区域内,所以在用 标记划分区域前必须用HTML的另一个标记
下面通过一个例子来说明这两个标记的用法:
这里是一幅新书架的图片,要做的效果是:当鼠标点“网址大全”这本书时,新开一窗口,显示关于这本书的简介及订单的网页(urlall.htm);当鼠标点“网站设计攻略”这本书时,新开一窗口,显示关于这本书的简介及订单的网页(siteall.htm);当鼠标点“网页技巧大全”这本书时,新开一窗口,显示关于这本书的简介及订单的网页(pagejqlall.htm)。制作方法:
1、插入图片,并设置好图像的有关参数,且在标记中设置参数usemap="newbook" ismap,以表示对图像地图(newbook)的引用;
2、用
3、分别用标记针对三本书的位置划分出三个矩形作用区域,并设定好其链接参数href。
制作完成,本例的源代码如下:
在制作本文介绍的效果时应注意的几点:
1、在标记不要忘记设置usemap、ismap参数,且usemap的参数值必须与
2、同一“图像地图”中的所有热点区域都要在图像地图的范围内,即所有标记均要在
3、在标记中的 cords 参数设定的坐标格式要与shape参数设定的作用区域形状配套,避免出现在shape参数设置的矩形作用区域,而在cords 中设置的却是多边形区域顶点坐标的现象出现。
HTML和XHTML之间的差异在HTML中,元素不需要结束标签。
但XHTML中,元素必须正确关闭。
必选属性DTD栏表明哪种文档类型支持此属性。S=Strict,T=Transitional,F=Frameset。
属性 值 描述 DTD alt 文本 为一个区域指定备选文本 STF 可选属性 属性 值 描述 DTD coords 坐标 指定一个区域的坐标 STF href URL 指定一个区域的链接目标 STF nohref nohref 指出区域内没有相应的链接 STF shape defaultrect
circle
poly 指定区域的形状 STF target _blank
_parent
_self
_top 指出在何处打开新页面 TF
核心属性
标签支持以下核心属性:
属性 值 描述 DTD accesskey 字符 设置访问元素的键盘快捷键 STF class 类名 指明元素的类名 STF dir rtlltr 指定元素里内容的文本方向 STF id id 指明元素的唯一id STF lang 语言代码 指定元素内容的语言代码 STF style 样式定义 指定元素的内嵌样式 STF tabindex 数字 指定元素的Tab键顺序 STF title 文本 指定元素的提示文本 STF xml:lang 语言代码 在XHTML文档中指定元素内容的语言代码 STF
更多关于核心属性的信息。
事件属性标签支持以下事件属性:
属性 值 描述 DTD onblur 脚本 当元素失去焦点时执行脚本 STF onclick 脚本 在元素区域内单击鼠标(不区分左右键)时执行脚本 STF ondblclick 脚本 在元素区域内双击鼠标(不区分左右键)时执行脚本 STF onfocus 脚本 当元素取得焦点时执行脚本 STF onmousedown 脚本 在元素区域内按下鼠标键(不区分左右键)时执行脚本 STF onmousemove 脚本 当鼠标指针在元素区域内移动时执行脚本 STF onmouseout 脚本 当鼠标指针移出元素区域时执行脚本 STF onmouseover 脚本 当鼠标指针移入元素区域时执行脚本 STF onmouseup 脚本 在元素区域内松开鼠标键(不区分左右键)时执行脚本 STF onkeydown 脚本 按下一个键时执行脚本 STF onkeypress 脚本 按下并松开一个键时执行脚本 STF onkeyup 脚本 松开一个键时执行脚本 STF

要构建一个功能强大且用户体验良好的网站,仅靠HTML是不够的,还需要以下技术:JavaScript赋予网页动态和交互性,通过操作DOM实现实时变化。CSS负责网页的样式和布局,提升美观度和用户体验。现代框架和库如React、Vue.js和Angular,提高开发效率和代码组织结构。

布尔属性是HTML中的特殊属性,不需要值即可激活。1.布尔属性通过存在与否控制元素行为,如disabled禁用输入框。2.它们的工作原理是浏览器解析时根据属性的存在改变元素行为。3.基本用法是直接添加属性,高级用法可通过JavaScript动态控制。4.常见错误是误以为需要设置值,正确写法应简洁。5.最佳实践是保持代码简洁,合理使用布尔属性以优化网页性能和用户体验。

HTML代码可以通过在线验证器、集成工具和自动化流程来确保其清洁度。1)使用W3CMarkupValidationService在线验证HTML代码。2)在VisualStudioCode中安装并配置HTMLHint扩展进行实时验证。3)利用HTMLTidy在构建流程中自动验证和清理HTML文件。

HTML、CSS和JavaScript是构建现代网页的核心技术:1.HTML定义网页结构,2.CSS负责网页外观,3.JavaScript提供网页动态和交互性,它们共同作用,打造出用户体验良好的网站。

HTML的功能是定义网页的结构和内容,其目的在于提供一种标准化的方式来展示信息。1)HTML通过标签和属性组织网页的各个部分,如标题和段落。2)它支持内容与表现分离,提升维护效率。3)HTML具有可扩展性,允许自定义标签增强SEO。

HTML的未来趋势是语义化和Web组件,CSS的未来趋势是CSS-in-JS和CSSHoudini,JavaScript的未来趋势是WebAssembly和Serverless。1.HTML的语义化提高可访问性和SEO效果,Web组件提升开发效率但需注意浏览器兼容性。2.CSS-in-JS增强样式管理灵活性但可能增大文件体积,CSSHoudini允许直接操作CSS渲染。3.WebAssembly优化浏览器应用性能但学习曲线陡,Serverless简化开发但需优化冷启动问题。

HTML、CSS和JavaScript在Web开发中的作用分别是:1.HTML定义网页结构,2.CSS控制网页样式,3.JavaScript添加动态行为。它们共同构建了现代网站的框架、美观和交互性。

HTML的未来充满了无限可能。1)新功能和标准将包括更多的语义化标签和WebComponents的普及。2)网页设计趋势将继续向响应式和无障碍设计发展。3)性能优化将通过响应式图片加载和延迟加载技术提升用户体验。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

Dreamweaver Mac版
视觉化网页开发工具