欢迎大家来到IT世界,在知识的湖畔探索吧!
第1步：开启 XAMPP 和打开 index.php
- – 启动 Xampp
- – 打开 Tutorial 的主题文件夹
- – 打开浏览器，在地址栏输入 http://localhost/wordpress
- – 返回主题文件夹，用记事本打开 index.php
第2步：给博客的标题添加 H1 的标签
现在，index.php 的代码是：
”>
欢迎大家来到IT世界,在知识的湖畔探索吧!
欢迎大家来到IT世界,在知识的湖畔探索吧!给它添加 和
标签。H1 标签意思是标题一。HTML 一共可以有7级标题：H1，H2，H3，H4，H5，H6。按照默认，H1是字体最大而H6是则最小。
添加之后的的 index.php 文件是：
”>
保存，返回浏览器并刷新。
第3步：添加博客描述
调用博客的描述，则在博客标题链接的下面输入以下代码：
欢迎大家来到IT世界,在知识的湖畔探索吧!
现在变成了：
”>
保存并刷新浏览器，可以看到在博客标题链接的下面出现博客的描述，我们可以看到 WordPress 管理后下修改博客的描述。
欢迎大家来到IT世界,在知识的湖畔探索吧!
结束 PHP 代码
第4步：DIV 标签
下一步将介绍一个新的标签 — DIV。
给以上代码添加
和
标签：
保存，刷新浏览器，应该看到没有任何变化
可以把 DIV 想像成一个无形的盒子 (box)。在这里它把博客标题链接和博客描述从其他东西中区分开来。如果没有对它进行样式化，它无非是单独的内容，以后我们可以会用 style.css 这个文件去样式化这个无形的盒子。我们可以给 DIV 附上 边框（borders），填充（paddings）, 页面空白（margins），背景颜色（background color），背景图片（background images），以及其他一些东东。
第5步：添加 Header DIV 标签
添加 id=”header” 到 DIV 标签，如下：
欢迎大家来到IT世界,在知识的湖畔探索吧!
保存并刷新浏览器。
同样也没有改变，这里给 DIV 标签指定了 ID ，因为将会有更多的 DIV 标签或者无形的盒子，我们可以使用 ID 来区分！
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://itzsg.com/79759.html
