《编程基础: 第一章 初识HTML 》小白必看「含移动端开发资料下载」

作者|李娜

*本文为「Java联盟」原创内容，转载无需授权，请保留署名来源。

前言

提到学习，人们总是喜欢问有没有捷径，然后买很多的书，找很多资料，然后就没有然后了。直到最后也没有做好去真正学习的准备。其实我想说的是:如果你想学习一门技术，那么下定决心努力去学就好了。

文章末留言出有之前资料的第 3 部分，「168G 移动端开发资料」下载地址。

第一章 初识HTML

第一节-HTML是什么？

HTML（Hyper Text Mark-up Language ）即超文本标记语言，HTML是网页前端的展示语言，只负责展示网站的样子，也就是外观，用来控制各种属性的展示。而Java等语言可以理解成主要是负责动态编程的，与数据库连接，组织网页内容等，是属于两种语言，要展示一个网页，必须使用HTML标签与 CSS等配合。对于Java Web 的开发而言，HTML 是必须需要学会的一个基础。

注意：

1.HTML 不是一种编程语言，而是一种标记语言( Markup Language ) 。

2.标记语言是由一套标记标签( Markup Tag )组成。

3.HTML 使用标记标签来描述网页。

古语有云“工欲善其事必先利其器”既然想要编辑网页，我们必须准备好编辑的工具。

李娜这里用的工具是

EditPlus 3

小伙伴可以自行选择喜欢的工具，工具的下载与配置在这里就不详细介绍了，百度一下，都有详细介绍。是在是不知道的，加李娜微信，一对一指导。

我们先来来看看做一个Hello World. 的网页，它是怎么样去实现的。

首先我们要了解的是标签。

标签一般是成对出现，例：

也有单个的标签，例：

我们新建一个 HTML 页面就会出现代码如下（绿色文字为注释）:

其中的主要的标签如下

-------------------开始html文档

--------------------开始文档头部

---------------------开始文档标题

This is first page

---------------------结束文档标题

----------------------结束文档头部

-----------------------开始文档体

Hello World.

------------------------结束文档体

------------------------结束html文档

这就是一个页面的整体架构：

所有的内容都在这两个标签内部。然后分为 头部和 身体两部分。

文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。

绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

标签包含文档的所有内容

（比如文本、超链接、图像、表格和列表等等。）

定义文档的标题。

浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。

让我们简化一下，下面的就算是一个简单的网页了。

让我们保存执行一下看看。

好了到这里，用HTML编写一个简单的网页，就算是成功了！赶紧去下载软件试试吧。相信就算是个比小白还白的小白，都能写出第一个 Hello world了。

下一节开始讲解,《HTML常用标签有哪些？》。

当然有什么问题或者需要李娜我给大家分享讲解的地方，可以在留言区留言告诉我，整理后会在公众号里面分享讲解哦！

有疑问？请留言！关注 Java联盟微信公众号，看Java要闻！