HTML 基礎(chǔ)教程

HTML 媒體

HTML 參考手冊(cè)

HTML5 基礎(chǔ)教程

HTML5 API

HTML5 媒體

HTML 基礎(chǔ)- 5個(gè)示例 HTML是什么

HTML 常用編輯器

工欲善其事,必先利其器；一個(gè)好用的html編輯器，可以讓您在制作html網(wǎng)頁(yè)效率更高，事半功倍的效果。下面給您介紹幾款常用的編輯器。

HTML 編輯器推薦

可以使用專業(yè)的 HTML 編輯器來(lái)編輯 HTML，基礎(chǔ)教程為大家推薦幾款常用的編輯器：

Notepad++ https://notepad-plus.en.softonic.com/
Editplus https://www.editplus.com/
VS Code：https://code.visualstudio.com/
Sublime Text：http://www.sublimetext.com/

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

接下來(lái)我們將為大家演示如何使用 Editplus 工具來(lái)創(chuàng)建 HTML 文件，其他三個(gè)編輯工具操作步驟類似。

Editplus

EditPlus是一款由韓國(guó) Sangil Kim （ES-Computing）出品的小巧但是功能強(qiáng)大的可處理文本、HTML和程序語(yǔ)言的Windows編輯器，它也是一個(gè)非常好用的HTML編輯器，你甚至可以通過(guò)設(shè)置用戶工具將其作為C,Java,Php等等語(yǔ)言的一個(gè)簡(jiǎn)單的IDE。

步驟 1: 新建 HTML 文件

在 Editplus 安裝完成后，選擇" 文件(W)->新建文件(N) "，在新建的文件中輸入以下代碼：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>基礎(chǔ)教程(cainiaoplus.com)</title>
</head>
<body>
<h1>我的第一個(gè)網(wǎng)頁(yè)標(biāo)題</h1>
<p>我的第一個(gè)網(wǎng)頁(yè)段落。</p>
</body>
</html>

圖片.png

步驟 2: 另存為 HTML 文件

然后選擇" 文件(W)->另存為副本(W) "，文件名為 cainiaoplus.html:

圖片.png

當(dāng)您保存 HTML 文件時(shí)，既可以使用 .htm 也可以使用 .html 擴(kuò)展名。兩者沒(méi)有區(qū)別，完全根據(jù)您的喜好，這里建議您使用 .html后綴。

在一個(gè)容易記憶的文件夾中保存這個(gè)文件，比如 cainiaoplus

步驟 3: 在瀏覽器中運(yùn)行這個(gè) HTML 文件

然后鼠標(biāo)右擊編輯器上的文件名，選擇在默認(rèn)瀏覽器，這里選擇火狐瀏覽器Firefox打開（也可以其他的瀏覽器）:

圖片.png

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

圖片.png

以上就是editplus編輯器制作html網(wǎng)頁(yè)的簡(jiǎn)單使用，希望對(duì)您有幫助，如果喜歡就分享或收藏吧，記得我們的域名（(cainiaoplus.com)）。

HTML 基礎(chǔ)- 5個(gè)示例 HTML是什么