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

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

东西/原料

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

方式/步调

  1. 1

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

    3812b31bb051f819103e5022d5b44aed2e73e7bb.jpg
  2. 2

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

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

    第三步:再给这个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属性。

    点击我将在新窗口中打开 78310a55b319ebc432962bf18d26cffc1f1716ef.jpg
  7. 7

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

    a50f4bfbfbedab647f0511a8f836afc379311e66.jpg
  8. 8

    总结:

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

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

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

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

  • 发表于 2019-12-14 20:01
  • 阅读 ( 2296 )
  • 分类:其他类型

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具