学渣学html

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

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

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

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

一般为

后面的模板上会展示。

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

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

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

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

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

关于背景

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

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

实验后发现

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

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

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

文本阴影

text-shadow

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

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

下面是我的两个截图

图片名

结果的截图

图片名

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

下面最后来讲一下超链接

超链接

双标记标签。

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

这里介绍两种

一种是一般的

另一种是书签超链接

本页面的跳转提示（默认篮字，下划线）

具体见如下代码：

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

这次就讲到这里。

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