如何查看网页的源代码(HTML代码和CSS代码)

我在写文章或者做其它东西的时候,自己总有一个网页,我们如何查看自己网页的源代码呢?下面介绍一下。

第一种方法:通用方法

(01)打开一个网页,在该网页中点击左键,如图

如何查看网页的源代码(HTML代码和CSS代码)

(02)点击查看源代码,如图,看到了吗,这一大堆字母就是你这个网页的源代码了。

如何查看网页的源代码(HTML代码和CSS代码) 第2张

(03)上面那个太复杂了,点击工具,点击开发者工具,如图,

如何查看网页的源代码(HTML代码和CSS代码) 第3张

(04)这样就可以见到更简截的源代码了,如图。

第二种方法:在360浏览器中查看

(01)点击查看,如图,点击查看网页源代码。

如何查看网页的源代码(HTML代码和CSS代码) 第4张

(02)这样点击后就可以看到了网页的源代码了,如图

如何查看网页的源代码(HTML代码和CSS代码) 第5张

(03)同样的方法同第一种方法,也可以看到比较简单的源代码,

第三种方法:在IE浏览器中查看

(01)用IE浏览器打开一个页面,如图。点击网页,

(02)点击查看源文件,如图

如何查看网页的源代码(HTML代码和CSS代码) 第6张

(03)这样就看到了这个网页的源代码了,如图

如何查看网页的源代码(HTML代码和CSS代码) 第7张

(04)这个太复杂了看不懂,同样可以看到简截的,点击工具,如图

如何查看网页的源代码(HTML代码和CSS代码) 第8张

(05)点击开者工具,如图

如何查看网页的源代码(HTML代码和CSS代码) 第9张

(06)在这里就看到了HTML代码和CSS代码,如图

如何查看网页的源代码(HTML代码和CSS代码) 第10张