html代码里,让链接在新窗口中打开该怎么写

使用 Target 属性,你可以定义被链接的文档在何处显示。

<a href=”” target=”_blank”>Visit W3School!</a>

html超链接的写法

html超链接的写法是使用a标签,如:<a href=”//”>百度一下,你就知道</a>。

在html中,a标签中的a(或者 A) 是 anchor 的缩写 。anchor的基本解释是锚,这些标签的作用是标明超连接的起始位置或目的位置。

<a> 标签可定义锚,通过使用 href 属性。创建指向另外一个文档的链接(或超链接)通过使用 name 或 id 属性,创建一个文档内部的书签。<a> 元素最重要的属性是href属性,它指定目标链接。

在所有浏览器中,链接的默认外观是,未被访问的链接带有下划线而且是蓝色的,已被访问的链接带有下划线而且是紫色的,活动链接带有下划线而且是红色的。

扩展资料:

Html中a标签伪类:

1、a:link {color: #FF0000}

未访问的链接样式。

2、a:visited {color: #00FF00}

已访问的链接样式。

3、a:hover {color: #FF00FF}

当有鼠标悬停在链接样式。

4、a:active {color: #0000FF}

被选择的链接样式。

参考资料来源:百度百科-a (HTML语言标签)

html超链接新窗口打开

html超链接怎么样打开一个心得窗口?你是怎么样做的?试试下面的方法吧!

a和href属性HTML用来表示超链接,英文叫anchor。

一 让整个网页页面内的链接都在新窗口打开:在head中加入

二 让一个DIV里所有链接在新窗口打开:

在body中加入

复制代码 代码如下:

script language=”JavaScript”

var anchors = document.getElementById(“DIV名”).getElementsByTagName(“a”);

for(var i=0;i

/script

加入了是否特别要当前窗口打开的

复制代码 代码如下:

//控制超链接在新窗口打开

var tar=””;

tar=”_blank”;

var urls=document.getElementsByTagName(“a”);

for (var i=0;i

{

if(urls[i].target!=”_self”){

urls[i].target=tar;

}

}

三 让指定链接在新窗口打开:

在原窗口打开: 百度

在新窗口打开::<a tager=”_blank” href=”//

可以指向任何一个文件源:一个HTML网页,一个图片,一个影视文件等。用法如下:

链接的显示文字点击当中的内容,即可打开一个链接文件,href属性则表示这个链接文件的`路径。

比如链接到站点首页,就可以这样表示:

多特软件站首页target属性使用target属性,可以在一个新窗口里打开链接文件。

多特软件站首页

title属性使用title属性,可以让鼠标悬停在超链接上的时候,显示该超链接的文字注释。

多特软件站网站如果希望注释多行显示,可以使用 作为换行符。

多特软件站网站

name属性使用name属性,可以跳转到一个文件的指定部位。

使用name属性,要设置一对。一是设定name的名称,二是设定一个href指向这个name:

参见第一章第一章

name属性通常用于创建一个大文件的章节目录(tableofcontents)。每个章节都建立一个链接,放在文件的开始处,每个章节的开头都设置Name属性。当用户点击某个章节的链接时,这个章节的内容就显示在最上面。

如果浏览器不能找到Name指定的部分,则显示文章开头,不报错。

链接到email地址在网站中,您经常会看到“联系我们”的链接,一点击这个链接,就会触发您的邮件客户端,比如OutlookExpress,然后显示一个新建mail的窗口。用可以实现这样的功能。

联系新浪

如何使用HTML实现点击一个链接打开新窗口

这个在网页前端中非常常用,如果你JS 部分学好了  这个也是非常容易的了  下面是具体的实现方法。

【最基本的弹出窗口代码】;其实代码非常简单:;

<SCRIPTLANGUAGE=”;<!–;window.open(‘page.ht;–>;</SCRIPT>;因为这是一段javascript代码,所以它们应;Window.open(‘page.ht;这一段代码可以加入HTML的任意位置,加入到l;【

【最基本的弹出窗口代码】

其实代码非常简单:

<SCRIPT LANGUAGE=”javascript”>

<!–

window.open (‘page.html’)

–>

</SCRIPT>

因为这是一段javascript代码,所以它们应该放在<SCRIPT LANGUAGE =”javascript”>标签和</script>之间。<!–和–>是对一些版本低的浏览器起作用,在这些老浏览器中如果不支持javascript,不会将标签中的代码作为文本显示出来。

Window.open (‘page.html’)用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。 用单引号和双引号都可以,只是不要混用。

这一段代码可以加入HTML的任意位置,加入到<head>和</head>之间也可以,位置越靠前执行越早,尤其是页面代码较长时,又想使页面早点弹出就尽量往前放。

【经过设置后的弹出窗口】

下面再说一说弹出窗口外观的设置。只要再往上面的代码中加一点东西就可以了。

我们来定制这个弹出窗口的外观、尺寸大小、弹出位置以适应该页面的具体情况。

<SCRIPT LANGUAGE=”javascript:>

<!–

window.open (‘page.html’,’newwindow’,’height=100,width=400,top=0,left=0,

toolbar=no,menubar=no,scrollbars=no,resizable=no,

location=no,status=no’)

//写成一行

–>

</SCRIPT>

参数解释:

<SCRIPT LANGUAGE=”javascript”> js脚本开始;

window.open 弹出新窗口的命令;

page.html 弹出新窗口的文件名;

newwindow 弹出窗口的名字(不是文件名),可用空 ″代替;

height=100 窗口高度;

top=0 窗口距离屏幕上方的像素值;

left=0 窗口距离屏幕左侧的像素值;

toolbar=no 是否显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和滚动栏;

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

</SCRIPT> js脚本结束。

【用函数控制弹出窗口】

下面是一个完整的代码。

<html>

<head>

<script LANGUAGE=”javascript”>

<!–

function openwin(){

window.open(“page.html”,”newwindow”,”height=100,width=400,toolbar=no,menubar=no,scrollbars=no,resizable=no,

location=no,status=no”;)

//写成一行

}

–>

</script>

</head>

<body onload=”openwin()”>

…任意的页面内容…

</body>

</html>

这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢?

方法一:<body onload=”openwen()”> 浏览器读页面时弹出窗口;

方法二:<body onunload=”openwen()”> 浏览器离开页面时弹出窗口;

方法三:用一个连接调用:<a href=”#” onclick=”openwin()”>打开一个窗口</a>

注意:使用的”#”是虚连接。

方法四:用一个按钮调用:<input type=”button” onclick=”openwin()” value=”打开窗口”>

【主窗口打开文件1.htm,同时弹出小窗口page.html】

将如下代码加入主窗口<head>区:

<script language=”javascript”>

<!–

function openwin(){

window.open(“page.html”,””,”width=200,height=200″ 😉

}

//–>

</script>

加入<body>区:

<a href=”” onclick=”openwin()”>open</a>即可。

【弹出的窗口之定时关闭控制】

下面我们再对弹出窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则…),让它在10秒钟后自动关闭是不是更酷了?

首先,将如下代码加入page.html文件的<head>区:

<script language=”javascript”>

function closeit() {

setTimeout(“self.close()”,10000) //毫秒

}

</script>

然后,再用<body onload=”closeit()”>这一句话代替page.html中原有的<BODY>这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)

【在弹出窗口中加上一个关闭按钮】

<form>

<INPUT TYPE=’BUTTON’ value=’关闭’ onClick=’window.close()’>

</form>

呵呵,现在更加完美了!

原来的HTML标准中可以用

<a href=”document.html” target=”_blank”> 打开一个新窗口</a>

但新的HTML标准严格上是不允许的。可以采用以下代码:

<a href=”document.html” rel=”external”>打开一个新窗口</a>

javascript:

function externallinks() {

if (!document.getElementsByTagName) return;

var anchors = document.getElementsByTagName(“a”);

for (var i=0; i<anchors.length; i++) {

var anchor = anchors[i];

if (anchor.getAttribute(“href”) 

anchor.getAttribute(“rel”) == “external”)

anchor.target = “_blank”;

}

}

window.onload = externallinks;

我们在使用<a>标签时,常常会使用它的href属性为 一段javasrcipt来实现某些功能。比如关闭一个窗口:<a href=”javascript:windows.close();”>,或者弹出一个新的窗口<a href=”javascript:windows.open(‘url’);”>。这样来实现窗口的操作。

当然也有人会用 onclick事件来实现打开或者关闭窗口<a href=”#” onclick=”windows.close();”>, 打开新窗口<a href=”#” onclick=”windows.open(url);”>。那么他们之间到底有什么区别呢?下面来好好分析一下

<a href=”javascript:windows.close();”>关闭窗口时,浏览器不会弹出窗口关闭的对话框,而<a href=”#” onclick=”windows.close();”>,浏览器就会弹出窗口关闭的对话框。

<a href=”javascript:windows.open(‘url’);”>打开一个新的窗口时,会使原来的窗口发生页面回传,从而导致 css样式无效,如果是动态页面的话还可能导致页面变空白。所以还是慎用这个方法。<a href=”#”

onclick=”windows.close();”>,是完全在客户端执行的动作,页面不会产生回传,不会刷新页面。

<li onclick=”javascript:window.open

(‘链接’)”> </li>

html代码的链接在新窗口中打开该怎么写?

<a target=”_blank” href=”#”></a>

_blank是最常见的链接方式,表示超链接的目标地址在新建窗口中打开;

_self表示“相同窗口”。点击链接后,地址栏不变;

_top表示整页窗口;

_parent表示父窗口。

html怎么添加链接?

两种方法:

1、直接代码

<a href=”#”>首页</a>

2、DW窗口视图 选中文字,箭头所指处填上【链接地址】,回车即可。

HTML超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

书写方式:

编辑

它其实是文本,它需要浏览器的解释,它的编辑器大体可以分为三种,

基本文本、文档编辑软件,使用微软自带的记事本或写字板都可以编写,当然,如果你用WPS来编写,也可以。不过存盘时请使用.htm或.html作为扩展名,这样就方便浏览器认出直接解释执行了。

半所见即所得软件,

如:FCK-Editer、E-webediter等在线网页编辑器;

尤其推荐:Sublime Text代码编辑器(由Jon Skinner开发,Sublime Text 2收费但可以无限期试用)。

所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,如:

AMAYA(出品单位:万维网联盟);

FRONTPAGE(出品单位:微软);

Dreamweaver(出品单位:Adobe)。

所见即所得软件与半所见即所得的软件相比,开发速度更快,效率更高,且直观的表现更强。任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂,不利于大型网站的多人协作和精准定位等高级功能的实现。