网页超链接怎么做(详谈网站优化方案之页面超链接)

自媒体 自媒体

[本文来自:www.11jj.com]

做全栈攻城狮-每日更新原创IT编程技术及日常实用视频。

[本文来自:www.11jj.com]

主要内容:这是HTML课程的第五课,主要讲解HTML的图片和超链接。让自己设计的网页更加多元素。

听音乐,学知识-夜空中最亮的

来自做全栈攻城狮

其实如果没有记住也无所谓。毕竟这些标签都是HTML中比较常用的,在以后的相关的案例中也会使用。此系列教程主要讲解HTML从基础到精通。自己能够设计一个完整的前端网页项目。

程序员写代码


图片

在HTML中添加图片其实很简单,就是添加一个img的标签。

图片标签的语法

一般有src、alt、width、height四种属性就够用了。

效果:

图片的显示效果

图片路径的写法

src表示的是图片的路径,这里面的值应该怎么写呢?

(1)html文件和图片在相同一个文件夹下。

HTML文件和图片文件在相同的目录下,可以直接书写文件的名称。

写文件名的写法,如上面的HTML

(2)图片在HTML文件所在目录的文件夹内:

如图:

图片文件在文件夹内

此时需要加上文件夹名称,并加上“/”表示下层目录:

下层目录的图片写法

(3)图片文件在上层目录

如果图片在HTML文件所在的上层目录,则需要写“..”表示向上一级。如图:

上层目录


超链接

超链接就是可以链接到某个资源的东西,比如我们打开百度首页搜索后,产生的就是超链接:

这些蓝字超链接

这些蓝色的文字标题,我们点击之后可以跳转到新的网站。这就是超链接。下面我们自己写一个超链接:

超链接的写法

超链接预览


超链接中的属性

超链接中的潮涌属性包括:href(网页地址)、title(说明描述)、target(打开网页的位置)、name(名称)。

其中href支持带有任何协议的连接。title是对超链接的说明。

程序员

target包括四个值:

_blank

在新的窗口打开连接

_self

在当前窗口打开超链接

_parent

在父窗口打开超链接,这个后面会说,不常用

_top

在整个窗口中打开被链接文档。


每天一个知识点,带你迈向软件编程大神,一起努力吧。

自媒体微信号:11jj扫描二维码关注公众号
爱八卦,爱爆料。
小编推荐
  1. NO.1 AI技术下的娱乐圈女星全都.avi了

    这是娱乐圈行动派——去酱 的第32篇《我去》 今天,我看了好几个女星的小黄片(封面) 这两天,有手艺人把杨幂的五官换到了《射雕英雄传》的黄蓉脸上(原朱茵饰)↓你们看了没?

  2. NO.2 剑三怎么抓马地点(剑三重制版马驹刷新点)

    龙子和麟驹天天的刷新纪律是 早上7点到11点是一轮 正午11点到15点是一轮 下昼15点到19点是一轮 晚上19点到23点是一轮 凌晨23点到03点是一轮 凌晨03点到07点是一轮 每轮刷新6只龙子麟驹各

  3. NO.3 《火焰之纹章 风花雪月》三大势力学生能力介绍,你选好了吗?

    距离《火焰之纹章 风花雪月》发售还有一周的时间,然则网上的一些介入过测试的媒体与视频博主已经起头狂吹不止,被他们喻为史上最强的火纹续作。 首个媒体评分由Fami通给出,获

  4. NO.4 李嘉诚纪念亡妻的庄月明楼,是风水宝地还是锁魂阴棺?

    对了!蜜桃哥哥看见很多小可爱们问,我新增的长文系列菜单栏在哪里,来来来,蜜桃哥哥手把手教你们回溯以往的长文系列。 首先进入 “圈内密探” 的公众号主页,然后

  5. NO.5 超合金魂盖塔皇帝终于来了!盖塔战舰简直帅爆!

    关注wx公众号:涛哥测评,掌握玩具最新资讯 近日,万代超合金魂正式公布了超合金魂盖塔皇帝的先行官图,分体形态下的盖塔战舰也太帅了吧,这让我对合体的造型充满了

  6. NO.6 三十岁了,你还认为你会出人头地吗?

    你到三十了吗? 三十,只是一个简单的数字,却仿佛闪烁着莫名的杀气。 三十的第一年和二十的最后一年真的有那么大的差别吗? 真的是身体机能甚至是人生轨迹的分水岭

  7. NO.7 当红小花轧戏被辞退?佟丽娅超拼?柳岩抱大腿?魏大勋助阵女

    小婊贝们,晚上好! 烧脑时间开始,交白卷的小婊贝们,可以围观一下评论啊,真相帝往往就隐藏在其中! 圈内很多年轻的艺人都讲究这个番位,但凡是番位不满意,私下就会引导自

  8. NO.8 心理测试:失恋你会去哪里,测你对待失恋会是什么态度

    爱情是美好,是我们所向往的;失恋是痛苦的,有时候也是一种解脱。一起来做一下下面这个小测试吧,凭借你的第一直觉做出一个选择,测试一下你对待失恋会是什么态度,会反省

Copyright2018.依依自媒体资讯站,让大家及时掌握各行各业第一手资讯新闻!