HTML新手入门教程，手把手教你使用记事本编写一个网页

目    录（本篇字数：3290）

背景

HTML5学习

HTML5结构

标签介绍

图片格式区别

HTML5实战

---

• 背景

    趁着处于学生狗时代又是在暑假期间，我们刚刚好利用这个时间来学习一下另一个对于我现在还没接触过的领域，那就是网页编程。虽然说我想做一名Android工程师，但是现在Android开发的跨平台性使得Android编程不再仅仅局限于原生开发。我个人学习Android已经将近一年了，记得从去年的暑假，自己拿了学校讲课的书一边敲一边学习Android基础。后来因为书内容有限，自己又买了《第一行代码第二版》来自学，现在Android基础知识也基本学习完了。

    因为对于Android的兴趣比较高，自己也想以后可以从事Android开发这个工作，所以在Android领域花了所有的时间来学习安卓编程知识。学了一年以后呢，发现Android水平已经很难进步了，这也是我们Android初级开发应需要过的一道坎。

    在这段时间，我买了几本网上推荐的Android进阶的书籍。例如：《Android开发进阶，从小工到专家》、《Android群英传》、《Android开发艺术探索》等。可是这些书籍毕竟是进阶的书，《Android群英传》这本会比其它略好懂一点。虽然有学过一年的Android代码，但是读起这几本书，以我的感觉来看还是偏理论了一点。虽然书中有一些代码解释例子，但进阶的知识毕竟无法以偏概全，想要深入理解，还需要我们自己的深入研究。

    可能有点离题了，但是这是我一个月以来的一些学习内容以及我们推荐给大家几本Android学习书籍。网上有挺多的相关书籍推荐的，但是这几本是本人读过的，虽然有些知识我这个阶段很难理解，但是之后的学习生涯我会慢慢克服这些困难。

• HTML5学习

    不得不承认一个事实，程序猿这个职业真的是活到老学到老！现在好多招Android的可能会偏向于有Android + H5混合开发经验的程序猿。H5即是HTML5（超文本标签语言）。这种标签语言的简直像我们Android XML文件，所谓同一个爸妈生的，总归有点类似。

    既然我们有这个基本概念，学起来一定会轻松很多了。关于我们的软件架构有两种，归纳为：

1. C/S
2. B/S

    C/S：即是Client/Server（客户端/服务器，例如：QQ、网易云音乐、有道词典等）

    B/S：即是Brower/Server（浏览器/服务器，例如：Chrome、IE、火狐等）

 

    那么，我们的网页就是这种B/S架构软件，这种软件有一个重要的特点：跨平台性。

    以我们的QQ客户端为例子，我们在Windows环境需要开发一个Windows版；Linux环境需要开发一个Linux版；而Mac需要开发一个Mac版；Android、IOS、WindowsPhone等同理。这就给我们的软件投入使用大大增加的难度。我们需要招很多工程师来开发不同的版本，成本当然就多出了。

    这样看来，我们的网页就体现出它的巨大优势。我们在任何一个平台运行浏览器它显示出来的结果基本没差别。我们在Windows、Android、Mac、IOS等平台打开[百