观看记录
  • 我的观影记录
登录
测试首页a标签在新窗口打开链接怎么加属性

a标签在新窗口打开链接怎么加属性

网页中有链接的处所就有标签,也叫超链接标签,那么a标签再新窗口中打开链接需要怎么设置a标签的属性呢?下面就随我一路进行现实操作吧。

工具/原料

  • 操作系统:win10家庭中文版
  • 操作软件:adobe dreamweaver cs4
  • 演示浏览器:edge浏览器

方式/步骤

  1. 1

    第一步:首先我们打开网页设计软件adobe dreamweaver cs4(按照本身的爱好和利用习惯,打开本身常用的网页设计软件),新建一个或者打开一个html文件。

    3812b31bb051f819103e5022d5b44aed2e73e7bb.jpg
  2. 2

    第二步:然后先编写一个结构标签div便于再浏览器中查看结果。

    点击我,将在新窗口中打开bf096b63f6246b60dd86ef1ce4f81a4c500fa2ca.jpg
  3. 3

    第三步:再给这个div标签中的字体添加标签,并给div标签写上样式。

         .a_test{ width:400px;height:200px;border:1px solid #C06; line-height:200px; font-size:30px;}

     

    点击我,将在新窗口中打开6f061d950a7b0208d06462896dd9f2d3572cc82d.jpg
  4. 4

    第四步:因为我们在上一步的a标签中设置的href属性是“新窗口.html”,是以再新建一个网页另存为“新窗口.html”。

    0dd7912397dda14458be31dabdb7d0a20cf48627.jpg
  5. 5

    第五步:此时我们在浏览器中进行浏览点击,发现点击链接后把当前页面笼盖了。

    adaf2edda3cc7cd98fbc69b13601213fb90e91c0.jpg
  6. 6

    第六步:为了让a标签在新窗口中打开,需要给a标签加上target属性。

    target="_blank">点击我,将在新窗口中打开78310a55b319ebc432962bf18d26cffc1f1716ef.jpg
  7. 7

    第七步:然后再在浏览器中进行浏览点击,就可以看到在新窗口中打开了。

    a50f4bfbfbedab647f0511a8f836afc379311e66.jpg
  8. 8

    总结:

    1、首先在原网页中设置href属性,链接到准确的文件地址和名称

    2、然后再新建一个网页,名称就是a标签href属性后的文件名称

    3、a标签默认是在当前窗口中打开新链接

    4、要想在新窗口中打开新链接,需给a标签添加target=_blank属性

“a标签在新窗口打开链接怎么加属性”关联的文章

切换深色外观
留言
视频编辑修改
回到顶部
首页
手机数码
医疗健康
金融管理
社交情感
无名