做全栈攻城狮-每日更新原创IT编程技术及日常实用视频。

核心内容要点为，正式开启HTML网页开发之旅，去学习且知晓HTML的相关知识，进而实现向Web开发达人的转变，成长为全栈程序员，而这是HTML技术教程的第二课，着重对开发工具以及HTML的结构予以讲解，最终创制出属于我们自己的首个Web网页 。

开发工具

身为程序员，一旦从事电脑编程写代码，必然会挑选一款适合的开发工具。要是进行HTML的书写，那对于开发工具就存在可供选择的情况了。

程序员写代码

尽管对于HTML的开发而言，实际上运用记事本从根本上来说完全是可行的，毕竟HTML网页自身就是文本文件，然而却没有任何人会运用记事本去开展开发工作sublime text 3 中文，这是由于一款契合自身的开发工具能够极大程度地提升编写代码的效率 。

下面我列出来几个比较常用的HTML开发工具：

++、、Adobe 、、、 等。

这个阶段的课程，主要以这款工具作为示例来开展运用，当然啦，别的开发工具虽说也有所不同sublime text 3 中文，但本质相差不大 。

代码编辑器

如何下载？

打开微软的必应搜索咧，在这儿得吐槽下，国内搜索引擎真心没法让人满意，搜索结果呈现得不太好，谷歌无疑是最佳选择，可无奈谷歌没法访问，所以给你推荐用必应搜索，必应搜索结果几乎和谷歌没啥差别 。

必应搜索

立即径直开启必应搜索，键入“text 3”去做搜索，如此你便能够寻觅到官方网址。将其打开予以下载就行了：

的下载方式

打开的官网，选择，选择合适你电脑系统的版本进行安装：

下载

书写第一个Web网页

打开，默认打开：

软件默认界面

这时，会默认开启一个新的文件，先是点击键盘上面的Ctrl+S，来进行文件的保存，挑选合适的路径，并且输入文件的名称，后缀是html 。

保存html

添加代码HTML的结构：

要求清晰明确的是，HTML存在着一种文档结构。这就如同人乃由头部以及身体共同构成一样。html的情况亦是这般。上述情形便是html相对最简单的结构了。

类型标签，表示开始标签。类型的表示结束标签。

两个标签之间的内容，输入整个html标签。

我们习惯性的把...的格式的代码，叫做xxxx标签。

为结构添加内容，做我们第一个Web网页：

第一个Web网页

此刻，寻得html文件所处路径，双击将其打开，运行之后你便会瞧见效果，：

网站结构

运行结果出来后，你才能够懂得title标签呈现出来的模样，以及body标签展现出来的样子，是这样的情况。

如有侵权请联系删除！