HTML中的图片、链接

在HTML中图片元素是<img>,用法如下:

<img src=" dog.jpg">

在上面的例子中,src属性用来指明图片的名字,图片需要和html文档放在同一个文件夹下面

src属性的值也可以是网上的url地址,例如:

<img src="https://www.w3school.com.cn/i/eg_mouse.jpg">

在<img>中可以利用width和height两个属性来设定图片的宽和高,以像素为单位。

<img src="dog.jpg" width="68" height="68">

 在HTML中超链接用元素<a>来表示,其中href属性来指出链接的目的地,例子如下:

<a href="https://www.baidu.com">Bai Du</a>

需要注意的是,为了正确跳转到网站,网址前面要加上“https://”

<a>元素除了可以链接到其他网页外,如果当前网页内容较长,<a>元素也可以完成类似于书签的页内跳转功能,例子如下:

<a href="#C4">Jump to Chapter 4</a>

<h2 id="C4">Chapter 4</h2>

在上面这个例子中先将<h2>的id属性设为"C4",然后将<a>元素的href属性值设定为"#C4"

注意:做页内跳转时,href属性值要在元素的id前面加井号。

下面是一个页内跳转的例子

https://output.jsbin.com/folicud/2/#p3

PS:HTML中的每个元素都有一个id属性作为自己的唯一标识。类似于人们的身份证号。

<a>元素还有一个target属性,该属性的值如果设定为“_blank”则当点击链接后网页将以一个新的标签页打开,原网页不关闭。

<a href="https://www.baidu.com" target="_blank">HTML5 tutorial!</a>

原文地址:https://www.cnblogs.com/gezhaoatdlnu/p/13468867.html