WordPress之家 WordPress建站一站式服务平台

    基本的 HTML 标签 – 四个实例

    2016年11月1日 by:

    基本的 HTML 标签 – 四个实例

    本章通过实例向您演示最常用的 HTML 标签。

    提示:不要担心本章中您还没有学过的例子,您将在下面的章节中学到它们。

    提示:学习 HTML 最好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器,您可以任意编辑一段 HTML 源码,然后单击 TIY 按钮来查看结果。

    HTML 标题

    HTML 标题(Heading)是通过 <h1> – <h6> 等标签进行定义的。

    实例

    亲自试一试

    HTML 编辑器

    HTML 编辑器

    使用 Notepad 或 TextEdit 来编写 HTML

    可以使用专业的 HTML 编辑器来编辑 HTML:

    • Adobe Dreamweaver
    • Microsoft Expression Web
    • CoffeeCup HTML Editor

    不过,我们同时推荐使用文本编辑器来学习 HTML,比如 Notepad (PC) 或 TextEdit (Mac)。我们相信,使用一款简单的文本编辑器是学习 HTML 的好方法。

    通过记事本,依照以下四步来创建您的第一张网页。

    步骤一:启动记事本

    如何启动记事本:

    开始
    所有程序
    附件
    记事本

    步骤二:用记事本来编辑 HTML

    在记事本中键入 HTML 代码:

    记事本

    步骤三:保存 HTML

    在记事本的文件菜单选择“另存为”。

    当您保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别,完全根据您的喜好。

    在一个容易记忆的文件夹中保存这个文件,比如 w3school。

    步骤四:在浏览器中运行这个 HTML 文件

    启动您的浏览器,然后选择“文件”菜单的“打开文件”命令,或者直接在文件夹中双击您的 HTML 文件。

    结果应该类似这样:

    在浏览器中查看

    HTML 简介

    HTML 简介

    实例

    HTML 教程

    HTML 教程

    HTML 教程

    在本教程中,你将学习如何使用 HTML 来创建站点。

    HTML 很容易学习!你会喜欢它的!

    现在开始学习 HTML

    HTML 实例

    学习 100 个实例!使用我们的编辑器,你可以编辑 HTML,然后点击测试按钮来查看结果。

    亲自试一试吧

    加载中