需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<img src="small3.png" />。
3、浏览器运行index.html页面，此时添加的本地图片的路径是相对路径。
1、当我们不导入外部CSS样式表时，我们通常用html编写样式，两种方式使我们共同，第一种为下图。
2、第二种写作方式：
<HEAD>
<meta http-equiv =“Content-Type”content =“text / htmlcharset = utf-8”/>
<title>时间元素</ title>
<风格>
。所有{
身高：300像素
宽度：500像素
背景：＃999}
</样式>
</ HEAD>
<BODY>
<div class =“all”></ div>
</ BODY>
3、链接外部CSS样式，现在创建一个css样式表文件。
4、这里鼠标右键单击选择将链接存储在css文件夹中。
5、在html文件中写下链接代码，代码如下：<link rel =“stylesheet”type =“text / css”href =“css / index.css”/>。
6、之后，您可以看到HTML文件的源代码并查看我们连接的css文件。
