使用<a>标签的href属性进行实现;
写法:<ahref="url">Linktext</a>;应用使用实例:<ahref="希望链接到的网址"target="_blank">爸爸妈妈!</a>;
<a>尘御标签定义超链接,用于从一张页面链接到另一张页面。
<a>元素最重要的属性是href属性,派滚岩它指示链接的目标。
扩展资料:
使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。
语法:<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>;
例如:<a href="http://www.zhaolion.com" title="点击进入我的博客">备友clickhere!</a>;
title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好)
参考资料:html-百度百科
在一个<a>标签中加上一个<img>核历标签内容,即可让该<img>拥有一个超链接。然后可以在后面继续写文字,此文字就会显示成超链接,点击该文字即可进入超链接。下面实例:
<a href="www.baidu.com">
<img border="0" src="/i/eg_buttonnext.gif" /></a>
扩展资料格式标志标签:
<p></p>创建一孝指个段落 (英文全称:Paragraphs)
<p align="">将段落按左、中、右对齐
<br/>定义新行
<blockquote></blockquote>从两边缩进文本。
<dl></dl>定义列表(英文全称:DefinitionList)。
<dt>放在每个定义术语词前(定义术语、英文全称:DefinitionTerm)。
<dd>放在每个定义之前(定义说明、英文全称:DefinitionDescription)。
<ol></ol>创建一个标有序的列表,默认前面有数字,从数字“1”开始计数,依次叠加,也可以设置为字母或从任何自然数开始计数的列表项。
参改慎搜考资料HTML-百度百科
可以使用input的click事件进行处理,这里假设点击转向的链接是百度,方法如下:
1、DOM0级事件处理:
1)html代码:<input name="注册" type="button" id="btn1" title="登注册" value="注册" o nclick="goToBaiDu()"/>
2)js代码:
function goToBaiDu(){
console.log('现在去百度啦!')
window.open('http://www.baidu.com')
}
效果轿漏如下:
2、DOM2级事件,绑定click事件,如下:
1)html代码:<input name="注册" type="button" id="btn1" title="登注册" value="注册"/>
2)js代码:
window.onload = function(){
document.getElementById('btn1').addEventListener('click',goToBaiDu)
}
function goToBaiDu(){
console.log('现在去百度啦!')
window.open('http://www.baidu.com')
}
效果如下:
3、上面的方式的打开一个新窗口,还有一个打开链接的方式,是在当前标签页闭轿烂下直接跳转到另一个帆轮页面,代码如下:
window.location.href="http://www.baidu.com"
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)