header 模板 2是从零开始创建 主题教程系列教程的第四篇第二部分，这篇会完成 herder 模板，并且开始介绍 div box 模型。
最后说一次，开始之前务必先读下前面的教程。
第1步：开启 xampp 和打开 index.php
- 启动 xampp
- 打开 tutorial 的主题文件夹
- 打开浏览器，在地址栏输入 http://localhost/wordpress
- 返回主题文件夹，用记事本打开
index.php
第2步：给博客的标题添加 h1 的标签
现在，index.php 的代码是：
给它添加
标签。h1 标签意思是标题一。html 一共可以有7级标题：h1，h2，h3，h4，h5，h6。按照默认，h1是字体最大而h6是则最小。添加之后的的 index.php 文件是：
保存并返回浏览器并刷新。
第3步：添加博客描述
调用博客的描述，则在博客标题链接的下面输入以下代码： 。
现在变成了：
保存并刷新浏览器，可以看到在博客标题链接的下面出现博客的描述，我们可以到 管理后下修改博客的描述。
- – 开始 php 代码
- bloginfo(‘description’) – 调用博客信息，这里的是描述
- ; – 停止调用
- ?> 结束 php 代码
第4步：div 标签
这步将介绍一个新的标签 — div。
给以上代码添加
和
标签：
保存，刷新浏览器，应该看到没有任何变化
我们可以把 div 想像成一个无形的盒子 (box)。在这里它把博客标题链接和博客描述从其他东西中区分开。
如果没有对它进行样式化，它无非是单独的内容，以后我们可以会用 style.css 这个文件去样式化这个无形的盒子。我们可以给 div 附上 边框（borders），填充（paddings）, 页边空白（margins），背景颜色（background color），背景图片（background images），以及其他一些东东。
第5步：添加 header div 标签
添加 id=”header” 到 div 标签，如下：
保存并刷新浏览器。
同样也没有改变，这里给 div 标签指定了 id ，因为将会有更多的 div 标签或者无形的盒子，我们使用 id 来区分！
标题内容
- 主题教程：从零开始制作 主题
- 主题教程：介绍 (1)
- 主题教程：模板文件和模板 (2)
- 主题教程：开始 index.php (3)
- 主题教程：header 模板 (4)
- 主题教程：header 模板 2 (4-2)
- 主题教程：主循环 (5)
- 主题教程：日志内容 (5-2)
- 主题教程：日志元数据 (5-3)
- 主题教程：else，日志 id，链接标题 (5-4)
- 主题教程：日志导航链接 (5-5)
- 主题教程：侧边栏 (6)
- 主题教程：页面链接列表 (6-2)
- 主题教程：存档和链接列表 (6-3)
- 主题教程：搜索框和日历 (6-4)
- 主题教程：窗体化侧边栏 (6-5)
- 主题教程：底部 (7)
- 主题教程：验证 xhtml (8)
- 主题教程：style.css 和 css 介绍 (9)
- 主题教程：十六进制颜色代码和样式化链接 (10)
- 主题教程：宽度和布局 (11)
- 主题教程：日志样式化和其他杂项 (12)
- 主题教程：样式化侧边栏 (13)
- 制作 模板 必看：功能函数调用集合