HTML实例-093 HTML的文件路径

hrs 提交于 2019/12/17 - 08:25 , 周二

我们在编辑html 网页的时候,会用到很多文件路径,这一节我们就来学习一下html的文件路径。

实例代码:

<!doctype html>
<head>
<meta charset="utf-8">
<style>
table{
border-collapse: collapse;
border:1px solid #3F3F3F;

}
th{
padding:10px;
background-color:#aaa;
border:1px solid #3F3F3F;
}
td{
padding:10px;
border:1px solid #3F3F3F;
}

</style>
</head>
<html>
<body>
<table >
<tr>
<th>路径</th>
<th>描述</th>
</tr>

<tr>
<td>&lt;img src="picture.jpg"&gt;</td>
<td>picture.jpg 位于与当前网页相同的文件夹</td>
</tr>

<tr>
<td>&lt;img src="images/picture.jpg"&gt;</td>
<td>picture.jpg 位于与当前文件夹的images文件夹中</td>
</tr>

<tr>
<td>&lt;img src="/imagespicture.jpg"&gt;</td>
<td>picture.jpg 当前站点根目录的images文件夹中</td>
</tr>

<tr>
<td>&lt;img src="../picture.jpg"&gt;</td>
<td>picture.jpg 位于当前文件夹的上一级文件夹中</td>
</tr>



</table>
</body>
</html>

运行效果:

html_093_0.png

 

标签
The website encountered an unexpected error. Please try again later.