首页 > 编程知识 正文

html超链接跳转到另一个页面,html网页设计报告

时间:2023-05-03 21:04:31 阅读:46326 作者:4081

超链接HTML使用a标记创建链接。 将鼠标指针移到网页中的链接上时,箭头将变为jddjz,然后单击相应的文本或图像可跳转到新页面或当前页面中的任意位置。

HTML系列文章目录HTMLweb设计:一、HTML基本结构HTMLweb设计:二、网页基本标签HTMLweb设计:三、图片标签的<; img>; 标签HTMLweb设计:四、超链接HTMLweb设计:五、内联元素和块元素HTMLweb设计:六、列表HTMLweb设计:媒体元素HTML页面设计:九、页面的简单布局iframe内联框架HTML页面设计:十一、表单文章目录超链接HTML系列文章目录1.a标签2 .锚链接(1)跳转到当前页面的特定位置时,将锚标签直接设置为href属性的值。 )2)跳转到另一个网页的特定位置时,在链接目标的末尾添加锚点标记。 )3)如果href属性的值为“#”,则直接跳转到此页的顶部。 3 .功能链接(1)邮箱链接)2) QQ链接

1.a标签

HTML链接连接语法如下:

a href='url' target='打开方式' name='锚点名称' title=''Link text/a href属性定义了链接的目标,是a标签的必需属性。 target属性指定链接文档的打开位置。 有五个选项:

(1) _blank :在新窗口中打开链接的文档。

(2) _self :默认值。 在同一框架中打开链接的文档。

(3) _parent :在父框架集中打开被链接文档。

(4) _top :在整个窗口中打开链接的文档。

(5)帧名称:在指定帧打开链接的文档。 name属性规定锚点的名称,HTML5不支持。 title属性指示将鼠标指针对准时显示的文本。 开始和结束标记之间的文本显示为超链接。 也就是说,上面一行的代码显示为链接文本。 使用a标签有以下两种方法。

)1)使用href属性创建到另一个文档的链接。

)2)使用name属性-在文档中创建书签。

以下是一个简单的超链接代码示例。

! doctypehtmlhtmlheadmetacharset=' utf-8 ' title简单的超链接收藏/title/headbody! -360浏览器超链接--a href='https://www.hao123.com/'单击360浏览器页面/abr/! -在新选项卡上打开图像选项卡学习页面--a href='./图像选项卡学习/图像选项卡学习. html' target='_blank '跳转图像选项卡学习页面/abr/! -在当前选项卡上打开百度--- a href=' https://www.Baidu.com/' target=' _ self ' title='百度' img src='./图像选项卡学习/7908.jpg '

2 .锚链接锚链接可以链接到此页面上的特定位置,也可以链接到其他页面上的特定位置。 其实现方法是添加锚点标记。 html5不支持name属性。 以下是id属性的示例。 name属性的使用方法大致相同。

)1)跳转到当前页面的特定位置时,将锚点标记直接设置为href属性的值。 代码格式如下:

a href='#标记名称'跳转到此页上的标记/a(2)跳转到另一页上的特定位置时,将锚点标记添加到链接目标的末尾。 代码格式如下:

a href='url#标记名称'跳转到另一页上的标记/a '#标记名称'是页面中某个标记的id属性值。 也就是说,如果要跳转到网页上的某个位置,请在通过锚链接跳转到该位置之前,在该位置的标记上设置id属性。

)3)如果href属性的值为“#”,则直接跳转到此页的顶部。 代码格式如下:

下面是返回a href='# '顶部/a锚链接的代码示例。

! doctypehtmlhtmlheadmetacharset=' utf-8 ' title锚链学习/title/headbodypahref=' https://www.hao123.com/' name='第一个' target='_blank'imgsrc='./图像标记学习/7908.jpg' alt='徐嵩' id='图像1 ' width pa href=' https://ww.Baidu.com/9736.jpg' alt='许嵩' width=' 100 ' target=' _ blank ' title='跳到百度'点击跳到百度页面/a/PPA href=' 3https://www ' target='_blank'title='跳到百度' target='_blank'title='跳到百度'点击百度页面/a/ppa href='#第一个链接跳转到PPA href=body/html3.功能链接(1)邮箱链接a href='mailto:邮箱号'点击发送邮件给我/a )2) QQ链接是QQ促销的

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。