網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

如何查看網頁的源代碼(HTML代碼和CSS代碼)

欄目: 互聯網 / 發佈於: / 人氣:1.39W

我在寫文章或者做其它東西的時候,自己總有一個網頁,我們如何查看自己網頁的源代碼呢?下面介紹一下。

第一種方法:通用方法

(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張