通俗瞭解,經過html語法規則讓圖片、文字等內容,在瀏覽器顯示出來的代碼咱們稱之爲網頁源代碼。
網頁源代碼與實際IE瀏覽器顯示對比圖css
源代碼(源文件)是指網頁的html代碼,這裏能夠將CSS代碼也稱爲CSS源代碼。html
第一種:打開一個網頁後點擊鼠標的 右鍵就會有"查看源文件",操做 鼠標右鍵--->查看源文件 便可彈出一個記事本,而記事本內容就是此網頁的html代碼。瀏覽器
鼠標右鍵查看html網頁源代碼網絡
可能會碰到一些網頁鼠標右鍵無反應或提出提示框,那是由於作網頁的加入了JS代碼來禁止用戶查看源文件代碼或複製網頁內容,可是這種方法也沒用,只有你稍微懂得如下第二種方法便可查看此網頁的源代碼源文件。工具
源文件、源代碼樣式圖spa
第二種:經過瀏覽器狀態欄或工具欄中的點擊 「查看」而後就用一項「查看源代碼」,點擊查看源代碼便可查看此網頁的源代碼源文件。
在微軟IE下截圖:firefox
在微軟IE下 查看--->源文件 便可查看此網頁代碼在傲遊瀏覽器下截圖:3d
查看別人網頁的源代碼能夠爲咱們製做網頁時候有幫助,之後將介紹查看源代碼更多方法及怎麼運用到別人的源代碼文件。htm
首先請打開您的網絡瀏覽器,而後訪問任何一個網頁。blog
完成上述步驟後,您能夠經過如下針對不一樣網絡瀏覽器的簡單步驟快速查看html網頁源代碼。
1)、Firefox瀏覽器,請按如下步驟操做:
點擊火狐firefox瀏覽器上方「工具(T)」菜單。
在下拉菜單中點擊「Web 開發者」。
而後在下拉菜單中選擇點擊「頁面源代碼」,便可查看網頁源代碼。
火狐瀏覽器查看網頁源代碼截圖
2)、谷歌瀏覽器,請按如下步驟操做:
點擊廣告瀏覽器,右上角「三橫」控制圖標
在下拉菜單點擊「工具」
而後再點擊「查看源代碼」。
谷歌瀏覽器查看網頁源代碼方法說明截圖
或直接谷歌瀏覽器中使用快捷鍵「Ctrl+U」便可查看被訪網頁源代碼。
經常使用瀏覽器咱們均可以在瀏覽網頁時,鼠標右鍵點擊網頁空白處,在彈出的選項卡中找到「查看網頁源代碼」選項,點擊便可查看當前被打開網頁的HTML網頁源代碼。
如需轉載,請註明文章出處和來源網址:http://www.divcss5.com/html/h26.shtml