整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          HTML 編輯器

          HTML 編輯器推薦

          可以使用專業(yè)的 HTML 編輯器來編輯 HTML,菜鳥教程為大家推薦幾款常用的編輯器:

          • Notepad++:https://notepad-plus-plus.org/

          • Sublime Text:http://www.sublimetext.com/

          • HBuilder:http://www.dcloud.io/

          你可以從以上軟件的官網(wǎng)中下載對應的軟件,按步驟安裝即可。

          接下來我們將為大家演示如何使用Notepad++工具來創(chuàng)建 HTML 文件,其他兩個工具操作步驟類似。

          Notepad++

          Notepad++是 Windows操作系統(tǒng)下的一套文本編輯器(軟件版權(quán)許可證: GPL),有完整的中文化接口及支持多國語言編寫的功能(UTF8技術(shù))。

          步驟 1: 新建 HTML 文件

          在 Notepad++ 安裝完成后,選擇" 文件(F)->新建(N) ",在新建的文件中輸入以下代碼:

          <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>

          步驟 2: 另存為 HTML 文件

          然后選擇" 文件(F)->另存為(A) ",文件名為 runoob.html:

          當您保存 HTML 文件時,既可以使用 .htm 也可以使用 .html 擴展名。兩者沒有區(qū)別,完全根據(jù)您的喜好。

          在一個容易記憶的文件夾中保存這個文件,比如 runoob

          步驟 3: 在瀏覽器中運行這個 HTML 文件

          啟動您的瀏覽器,然后選擇"文件"菜單的"打開文件"命令,或者直接在文件夾中雙擊您的 HTML 文件,

          運行顯示結(jié)果類似如下:

          Notepad++ 和 Sublime Text 還可以配合 Emmet 插件來提高編碼速度。

          Emmet 官網(wǎng):http://emmet.io/

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          我們可以使用 HTML 編輯器來編輯 HTML:比如 Dreamweaver(DW)和editplus(小紅本 )編輯器雖然好用但還是建議一開始使用文本編輯器來學習 HTML,簡稱記事本(就是創(chuàng)建 一個txt文本文件)如下圖:


          文本文件


          通過記事本,依照以下五步來創(chuàng)建您的第一張網(wǎng)頁。

          1. 首先打開記事本
          2. 然后鍵入html的主題代碼

          3.在body標簽里邊輸入內(nèi)容


          4.然后把寫完的代碼保存之后找到文件把txt的后綴名改成.html

          1. 打開自己電腦的瀏覽器,這里推薦使用IE瀏覽器360瀏覽器或者火狐瀏覽器還有谷歌瀏覽器,因為有些瀏覽器不兼容代碼,可能造成最后的顯示效果不一樣。

          上面的頁面就是代碼的效果圖

          下個文章講解用editplus開發(fā)網(wǎng)頁

          以上就是文章的全部內(nèi)容了,有什么不懂的可以評論或者私信告訴我,喜歡的話可以點個贊和關(guān)注,每天持續(xù)更新。

          TML 編輯器推薦

          可以使用專業(yè)的 HTML 編輯器來編輯 HTML,菜鳥教程為大家推薦幾款常用的編輯器:

          • Notepad++:https://notepad-plus-plus.org/
          • Sublime Text:http://www.sublimetext.com/
          • VS Code:https://code.visualstudio.com/

          你可以從以上軟件的官網(wǎng)中下載對應的軟件,按步驟安裝即可。

          接下來我們將為大家演示如何使用Notepad++工具來創(chuàng)建 HTML 文件,其他兩個工具操作步驟類似。


          Notepad++

          Notepad++是 Windows操作系統(tǒng)下的一套文本編輯器(軟件版權(quán)許可證: GPL),有完整的中文化接口及支持多國語言編寫的功能(UTF8技術(shù))。

          步驟 1: 新建 HTML 文件

          在 Notepad++ 安裝完成后,選擇" 文件(F)->新建(N) ",在新建的文件中輸入以下代碼:

          <!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body> <h1>我的第一個標題</h1> <p>我的第一個段落。</p> </body></html>


          步驟 2: 另存為 HTML 文件

          然后選擇" 文件(F)->另存為(A) ",文件名為 runoob.html:


          當您保存 HTML 文件時,既可以使用 .htm 也可以使用 .html 擴展名。兩者沒有區(qū)別,完全根據(jù)您的喜好。

          在一個容易記憶的文件夾中保存這個文件,比如 runoob

          步驟 3: 在瀏覽器中運行這個 HTML 文件

          啟動您的瀏覽器,然后選擇"文件"菜單的"打開文件"命令,或者直接在文件夾中雙擊您的 HTML 文件,

          運行顯示結(jié)果類似如下:


          Notepad++ 和 Sublime Text 還可以配合 Emmet 插件來提高編碼速度。Emmet 官網(wǎng):http://emmet.io/

          主站蜘蛛池模板: 色偷偷久久一区二区三区| 国模无码一区二区三区| 中文字幕无线码一区二区| 搜日本一区二区三区免费高清视频 | 人妻互换精品一区二区| 国产一区二区电影在线观看| 色窝窝无码一区二区三区| 色精品一区二区三区| 亚洲综合一区二区精品久久| 国产精品一区三区| 国产一区韩国女主播| 亚洲精品日韩一区二区小说| 日韩亚洲AV无码一区二区不卡 | 无码日韩人妻AV一区免费l| 波多野结衣AV一区二区三区中文| 国产AV午夜精品一区二区三| 无码少妇一区二区浪潮av| 国产成人精品亚洲一区| 成人丝袜激情一区二区| 亚洲AV网一区二区三区| 成人区人妻精品一区二区三区| 国产福利一区二区三区在线观看 | 国模一区二区三区| 伊人色综合一区二区三区影院视频| 精品一区二区三区在线成人| 国产成人精品无码一区二区| 亚洲一区二区三区偷拍女厕| 国产精品无码AV一区二区三区| 亚洲日韩精品一区二区三区| 亚洲A∨无码一区二区三区| 免费无码VA一区二区三区| 亚洲午夜精品一区二区公牛电影院 | 亚洲一区二区三区在线观看蜜桃 | 一区二区不卡视频在线观看| 区三区激情福利综合中文字幕在线一区亚洲视频1 | 亚洲色精品三区二区一区| 亚洲一区二区三区在线网站| 另类国产精品一区二区| 日本韩国黄色一区二区三区| 亚洲爽爽一区二区三区| 亚洲色精品vr一区二区三区|