从零开始学习HTML~

一. HTML简介

什么是 HTML?

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 ( H yper T ext M arkup L anguage)
  • HTML 不是一种编程语言,而是一种 标记语言 (markup language)
  • 标记语言是一套 标记标签 (markup tag)
  • HTML 使用 标记标签 来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由 尖括号 包围的关键词,比如
  • HTML 标签通常是 成对出现 的,比如
  • 标签对中的第一个标签是 开始标签 ,第二个标签是 结束标签
  • 开始和结束标签也被称为 开放标签闭合标签

HTML 文档 = 网页

  • HTML 文档 描述网页
  • HTML 文档 包含 HTML 标签 和纯文本
  • HTML 文档也被称为 网页

Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:

<html>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>
例子解释
<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落

二. HTML编辑器

使用 Notepad 或 TextEdit 来编写 HTML

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

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor

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

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

步骤一:启动记事本
如何启动记事本:

开始
*所有程序
**附件
***记事本

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

在记事本中键入 HTML 代码:

<!DOCTYPE HTML>
<html>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>

步骤三:保存 HTML

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

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

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

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

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

1 个赞

你这有点落伍了

该主题在最后一个回复创建后90天后自动关闭。不再允许新的回复。