<img>标签的 src 属性的值是:图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对路径。
<link>标签的 rel 属性规定:当前文档与被链接文档之间的关系。
举例说明:
html文件:
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>练习使用HTML</title>
<!--
rel="stylesheet"表示调用的是一种样式。
href="css/index.css" 表示外部样式文件的路径
-->
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
<h1>我的第一个标题</h1>
<p>内容</p>
<!--图像文件的 URL-->
<img src="img/book.png" />
</body>
</html>
css文件:
h1{color: red
background-color: greenyellow
}
效果展示:
创建一个img元素,添加到指定dom对象中即可。可以先使用createElement()方法创建一个img元素,并向img元素的src属性赋图片的URL地址值。然后使用appendChild()方法将img元素添加到指定dom对象中即可。
参数:nodename:必须。创建元素的名称。