DAY5：利用 phpstudy 搭建网站并配置网站（html插入图片）

最新推荐文章于 2025-02-12 11:19:37 发布

原创最新推荐文章于 2025-02-12 11:19:37 发布 · 2.4k 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端

利用 phpstudy 搭建网站并配置网站

1、打开 phpstudy 并且下载相应组件

请添加图片描述

2、配置网站

将上述工具下载安装，在首页栏位设定开机自启以及一键启动

请添加图片描述

在下载目录下的WWW下新建一个文件夹，即可开始配置网站，新建php文件或html文件进行编写。

请添加图片描述

在 URL 后加上/文件名，即可访问。
请添加图片描述

<html>
<body>
<h1>我的第一个PHP页面</h1>
<?php
echo "Hello world!";
phpinfo();
?>
</body>
</html>

3、在网站中插入图片

请添加图片描述

标签中src属性是必须的(除非在基于IE的浏览器中使用Dynsrc)在标签中，其他属性都是可选的
src的值是图像的URL(统一资源定位符)
alt属性指定了替代文本(图像无法显示或者用户禁用图像时显示的替代文本；或者鼠标放到图像上显示的提示信息)
width和height属性设置图像尺寸，要求必须是整数(顺序无所谓)
border属性和一个用像素表示的宽度值就可以去掉(border=0)或者加宽图像的边框

<img src="4e729c1075ba70a1.jpg">		## 只是一个标签，并不会显示出来，但是已经上传

<html>
<body>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<h1>我的第一个PHP页面</h1>
<?php
echo "Hello world!";
?>
<img src="4e729c1075ba70a1.jpg">
</body>
</html>

请添加图片描述

若要将图片在页面中显示出来，我们需要将 src 中写入其绝对路径，这时我们要将图片放在网站根目录中，我们可以在phpstudy中查看其根目录

这里我创建了一个 assets 文件夹作为资源库，将所展示的图片放入其中写入绝对路径，即可在网站中展示图片

<img src="./绝对路径/资源名称">

请添加图片描述

<html>
<body>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<h1>我的第一个PHP页面</h1>
<?php
echo "Hello world!";
?>
<img src="./assets/4e729c1075ba70a1.jpg">
</body>
</html>

ctrl + s 保存刷新页面，可以看到成果。

img src=“./assets/4e729c1075ba70a1.jpg”>

```

ctrl + s 保存刷新页面，可以看到成果。

请添加图片描述