1、首先编写HTML,我们需要有一款得心应手的编辑器,下面小编会有推荐。
2、第一款:Notepad++:https://notepad-plus-plus.org/记事本++是一个免费的(如在“免费言论”,也可以在“免费啤酒”)源代码编辑器和记事本替换,支持多种语言。在MS Windows环境中运行,其使用受GPL许可证管辖。基于强大的Scintilla编辑组件,Notepad ++以C ++编写,并使用纯Win32 API和STL,可确保更高的执行速度和更小的程序大小。通过优化尽可能多的程序而不损失用户友好性,Notepad ++正在努力减少世界二氧化碳排放量。当使用较少的CPU功率时,PC可以降低功耗并降低功耗,从而创造更加绿色的环境。
3、第二款:Sublime Text:http://www.sublimetext.com/Sublime Text是一个代码编辑器(Sublime Text2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。
4、第三款:HBuilder:http://www.dcloud.io/HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。
5、这次示例以Notepad++为示例演示新建 HTML 文件,在 Notepad++ 安装完成后,选择" 文件(F)->新建(N) ",在新建的文件中输入以下代码:<!DOCTYPE html><html><head><meta charset="utf-8"><title>测试文字</title></head><body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body></html>
6、然后选择" 文件(F)->另存为(A) ",文件名为(你命名的).html:当您保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别,完全根据您的喜好。在一个容易记忆的文件夹中保存这个文件,
7、启动您的浏览器,然后选择"文件"菜单的"打开文件"命令,或者直接在文件夹中双击您的 HTML 文件,运行显示结果类似如下: