学渣学html

上面介绍了 字体以及相关。现在介绍,图片。以及超链接

图片是一个很强,也很有意思的标签,对完善我们的网页有很大的作用。

我直接用程序来介绍解释吧。这样会更加的直观,更加的有说服力。

不过在这之前需要先说明一些东西。图片是一个单标签。

一般为

后面的模板上会展示。

讲一下绝对定位和相对定位吧。

你可以这么理解,绝对定位就是定死了,相对的就是和你一起运动的。

所以一般都推荐用相对定位,因为你程序移动到别人的电脑依然可以展示。

如果没有进行任何限制,图片会按照自己原来的大小展示,而且所在行的高度会被撑开。(亲测有效)

在代码中我做了一个实验。

关于背景

在html中背景为bgcoler来设计背景颜色。

不过与css结合之后,加了background-... 来设计,可以增加背景图片,颜色等等,功能更加强大,我们现在讲的都是CSS+html,因为我们在前面都加了

实验后发现

因为是作为背景,所以对高度宽度的不能影响的。

用颜色当背景是,会填充整行,用图片当背景时,会自动铺开,而且从上到下,多出的部分看不见。

这里加一点css增强了的功能

文本阴影

text-shadow

等下会测试(没有出现自己想要的效果这里忽略 ,应该是要在盒子哪里在讲)

下面看一下关于图片,背景,透明度的相关实验代码(代码可以直接复制,都是现场做的,对于图片,因为你们没有原图片,所以你的电脑上是显示不出来的)

下面是我的两个截图

图片名

结果的截图

图片名

具体效果可以自己复制过去,把图片换成你自己电脑中已有的就可以了。

下面最后来讲一下超链接

超链接

双标记标签。

想象成一个任意门。点击就可以跳到预先设定的位置。

这里介绍两种

一种是一般的

另一种是书签超链接

本页面的跳转提示(默认篮字,下划线)

具体见如下代码:

图片就不展示了,可以自己去试一下。

这次就讲到这里。

您看此文用·秒,转发只需1秒呦~

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180603G1IYJS00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券