HTML静态网页解压及使用教程

很多初学的同学拿到代码后压缩包后,不知道该怎么在编辑器中打开和浏览器查看网页,这里给大家进行一个详细步骤示范。...

很多初学的同学拿到代码后压缩包后,不知道该怎么在编辑器中打开和浏览器查看网页,这里给大家进行一个详细步骤示范。

如果你没有进行解压,直接打开压缩包在在浏览器中查看的时候,就会出现图片和样式不显示的情况!!!

一定要解压之后再看!!!

 

1、首先解压文件

当你拿到网页源码的时候一般都是这样的一个压缩包,不要直接打开压缩,我们先右键把他解压出来。

2、打开解压后的文件夹,如下图:

css文件夹里面是css样式表,images文件夹里面是图片,js文件夹是JavaScript代码。

带浏览器图标的html文件就是网页代码,你可以直接双击就默认在浏览器打开了,此时在你的浏览器中就可以看到网页效果。

 

3、如何在编辑器中查看代码(这里以vscode为例,其它编辑器也是同理操作)

首先打开你的开发工具,然后右上角选择文件》打开文件夹》选择你刚刚解压到的文件夹。

打开之后就可以在编辑器中查看到网页源代码了,如果没有网页基础请勿随意修改,文件夹位置和文件名不要改动!

#html #网页教程 #网页设计

评论0

首页 导航 静态网页 动态网站 微信
QQ 微信 TOP