當前位置 : IT培訓網 > Web前端 > Web教程 > 做網頁用什么html編輯器最好

做網頁用什么html編輯器最好

時間:2016-11-14 17:16:38??來源:web前端培訓網??作者:IT培訓網??已有:名學員訪問該課程
看到這里你知道哪個html編輯器好用了嗎,趕緊試試吧,選擇一個自己喜歡的編輯器才可以在web設計中出類拔萃,如果你還沒有想好學什么,那就從web前端這里開始吧,簡單好學上手快,關鍵是薪資高,學web前端哪里去,IT培訓網讓

HTML 編輯器哪些好呢,做為web開發人員如何選擇趁手的html編輯器呢,今天IT培訓網就來給大家詳細介紹下吧!

HTML 編輯器推薦

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

· Notepad++:

· Sublime Text:

· HBuilder:

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

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

Notepad++

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

步驟 1: 新建 HTML 文件

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

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>web教程(www.btityu.live)</title>

</head>

<body>

<h1>我的第一個標題</h1>

<p>我的第一個段落。</p>

</body>

</html>

做網頁用什么html編輯器最好_www.btityu.live

步驟 2: 另存為 HTML 文件

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

做網頁用什么html編輯器最好_www.btityu.live

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

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

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

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

運行顯示結果類似如下:

做網頁用什么html編輯器最好_www.btityu.live

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

看到這里你知道哪個html編輯器好用了嗎,趕緊試試吧,選擇一個自己喜歡的編輯器才可以在web設計中出類拔萃,如果你還沒有想好學什么,那就從web前端這里開始吧,簡單好學上手快,關鍵是薪資高,學web前端哪里去,IT培訓網讓你學web前端輕松容易。

頂一下
(11)
100%
踩一下
(0)
0%
------分隔線----------------------------
------分隔線----------------------------
Web 教程
1、HTML 教程
1.1 HTML 簡介
1.2 HTML 編輯器
1.3 HTML 基礎
1.4 HTML 元素
1.5 HTML 屬性
1.6 HTML 標題
1.7 HTML 段落
1.8 HTML 文本格式化
1.9 HTML 鏈接
1.10 HTML 頭部
1.11 HTML CSS
1.12 HTML 圖像
1.13 HTML 表格
1.14 HTML 列表
1.15 HTML 區塊
1.16 HTML 布局
1.17 HTML 表單
1.18 HTML 框架
1.19 HTML 顏色
1.20 HTML 顏色名
1.21 HTML 顏色值
1.22 HTML 腳本
1.23 HTML 字符實體
1.24 HTML URL
1.25 HTML 速查列表
1.26 HTML 總結
1.27 HTML 簡介
2、HTML5
2.1 HTML5 教程
2.2 HTML5 瀏覽器支持
2.3 HTML5 新元素
2.4 HTML5 Canvas
2.5 HTML5 內聯 SVG
2.6 HTML5 MathML
2.7 HTML5 拖放
2.8 HTML5 地理定位
2.9 HTML5 Video(視頻)
2.10 HTML5 Audio(音頻)
2.11 HTML5 Input 類型
2.12 HTML5 表單元素
2.13 HTML5 表單屬性
2.14 HTML5 語義元素
2.15 HTML5 Web 存儲
2.16 HTML5 Web SQL
2.17 HTML5 應用程序緩存
2.18 HTML5 Web Workers
2.19 HTML5 SSE
2.20 HTML5 WebSocket
2.21 HTML5 代碼規范
3、HTML 媒體
3.1 HTML 媒體(Media)
3.2 HTML 插件
3.3 HTML 音頻(Audio)
3.4 HTML視頻(Videos)播放
法国网球公开赛直播表