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

    123

    2016年11月18日 by:

    123

    abc

    HTML 元素

    2016年11月1日 by:

    HTML 元素

    HTML 文档是由 HTML 元素定义的。

    HTML 元素

    HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

    开始标签元素内容结束标签
    <p>This is a paragraph</p>
    <a href=”default.htm” >This is a link</a>
    <br />

    注释:开始标签常被称为开放标签(opening tag),结束标签常称为闭合标签(closing tag)。

    HTML 元素语法

    • HTML 元素以开始标签起始
    • HTML 元素以结束标签终止
    • 元素的内容是开始标签与结束标签之间的内容
    • 某些 HTML 元素具有空内容(empty content)
    • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
    • 大多数 HTML 元素可拥有属性

    提示:您将在本教程的下一章中学习更多有关属性的内容。

    嵌套的 HTML 元素

    大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。

    HTML 文档由嵌套的 HTML 元素构成。

    HTML 文档实例

    上面的例子包含三个 HTML 元素。

    HTML 实例解释

    <p> 元素:

    这个 <p> 元素定义了 HTML 文档中的一个段落。

    这个元素拥有一个开始标签 <p>,以及一个结束标签 </p>。

    元素内容是:This is my first paragraph。

    <body> 元素:

    <body> 元素定义了 HTML 文档的主体。

    这个元素拥有一个开始标签 <body>,以及一个结束标签 </body>。

    元素内容是另一个 HTML 元素(p 元素)。

    <html> 元素:

    <html> 元素定义了整个 HTML 文档。

    这个元素拥有一个开始标签 <html>,以及一个结束标签 </html>。

    元素内容是另一个 HTML 元素(body 元素)。

    不要忘记结束标签

    即使您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML:

    上面的例子在大多数浏览器中都没问题,但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。

    注释:未来的 HTML 版本不允许省略结束标签。

    空的 HTML 元素

    没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

    <br> 就是没有关闭标签的空元素(<br> 标签定义换行)。

    在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。

    在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

    即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。

    HTML 提示:使用小写标签

    HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。

    W3School 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。

    基本的 HTML 标签 – 四个实例

    基本的 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,然后点击测试按钮来查看结果。

    亲自试一试吧

    zblog主题第五版

    zblog主题第五版

    Scroll Up
    加载中