要制作一本ePub格式电子书首先要了解和学习HTML（超文本标记语言）和CSS（层叠样式表）

前面我们说过，ePub其实就是一个.zip压缩文档，是将内容文本（.xhtml）、样式表（.css）、图片影音（.jpg.png.mp3）等资源打包而成。

下面我们就来讲讲HTML

HTML中的标签是不区分大小写的。也就是说，当你输入标签时，你既可以使用大写字母也可以使用小写字母。例如，标签<title>可以写作<title>，<TITLE>，<Title>，<TiTlE>，等等，它们都可以正常工作。不过，从一致性、可读性和其他各方面来说，最好仅使用小写字母。

一个HTML元素的构成如下（这里以段落元素为例）：

图•HTML元素构成

主要部分是：

1. 开始标签（Opening tag）：包括元素的名称（在本例中，p），包裹在开始和结束尖括号中。这表示元素开始或开始生效——在这种情况下，表示了一个段落的开头。

2. 结束标签（Closing tag）：这与开始标记相同，除了它在元素名称之前包含正斜杠。这表示元素结束的位置——在这种情况下，表示了一个段落的结尾。没有包含结束标记是一个常见的初学者错误，并可能导致奇怪的结果。

3. 内容（Content）：这是元素的内容，在这种情况下只是文本。

4. 元素（Element）：开始标记、加结束标记、加内容，等于元素。

不是所有元素都拥有开始标签、内容和结束标记。一些元素只有一个标签，通常用来在此元素所在位置插入或嵌入一些东西。例如：元素<img>是用来在元素<img>所在位置插入一张指定的图片。这些元素称作自闭合（self-closing）元素，如：

• <meta>标签：设置页面元信息

• <br>标签：换行

• <hr>标签：水平线

• <img>标签：图像

• <link>标签：定义文档与外部资源的关系的链接

• <source>标签：为媒体元素定义媒体资源

• ……

可以为HTML元素添加属性，通常用英文双引号包裹。

如同大部分的编程语言一样，在HTML中有一种可用的机制来在代码中书写注释——注释是被浏览器忽略，而且是对用户不可见的，它们的目的是允许你描述你的代码是如何工作的和不同部分的代码做了什么等等。如果你在半年后重新查看你的代码库，而且不能记起你所做的事情——或者当你处理别人的代码的时候，那么注释是很有用的。

为了将一段HTML中的内容置为注释，你需要将其用特殊的记号<!--和-->包括起来，比如：

<p>我没有在注释里。</p>
<!-- <p>我是注释。</p> -->