在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>