HTML教程

步骤2：使用记事本编辑 HTML

在记事本中输入 HTML 代码：

• HTML（英语：Hyper Text Markup Language，简称：HTML ）也叫作超文本标记语言，是一种使用结构化 Web 网页及其内容的标记语言，您可以使用 HTML 来建立自己的 WEB 站点。
• 
• 如下的一个 HTML 实例来建立一个简单的 HTML 页面，以此来简单了解一下 HTML 的结构。
• 
• HTML 编辑器是用于编写 HTML 的工具，使用 HTML 编辑器时以编辑主题，索引，自定义窗口，选择添加搜索页。

• 步骤1：启动记事本

  打开 Notepad 的步骤（ Windows 系统中）：

• 打开“开始”菜单
• 选择“所有程序”
• 选择“附件”
• 选择“记事本”

步骤3：保存你的 HTML

在 Notepad 文件菜单中选择另存为。

您可以以.htm或者.html扩展名保存您的 HTML 文件，两者没有区别，根据您的使用习惯即可。

将该文件保存在您常用的文件夹中，比如 w3cschool

步骤4：在浏览器中运行这个 HTML 文件

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

运行显示结果类似如下：

• HTML 标题

HTML 标题（Heading）是通过 <h1> - <h6> 标签来定义的.

h是英文header标题的缩写，标题无处不在，它的应用范围十分广泛：网站结构、写作文、PPT 等。

这里有六个标题元素标签 —— <h1>、<h2> 、<h3>、<h4>、<h5>、<h6>，每个元素代表文档中不同级别的内容：

 <h1> 表示主标题（ the main heading ），<h2> 表示二级子标题（ subheadings ），<h3>表示三级子标题（ sub-subheadings ），<h4>、<h5>、<h6>字体的大小依次递减。

• HTML 段落

HTML 段落是通过标签<p>来定义的，P是英文paragraph段落的缩写，经常被用来创建一个段落，就和你写作文一样，您可以进行实战演练。

• HTML 链接

HTML 链接是通过标签<a>来定义的。a标签，也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。

• HTML 元素

HTML 文档由 HTML 元素定义，HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

HTML 初步

开头是通过 <p> 标签定义的。

HTML 注释

HTML id

使用 id 属性

​id​ 属性指定 HTML 元素的唯一 ID。 ​id​ 属性的值在 HTML 文档中必须是唯一的。

​id​ 属性用于指向样式表中的特定样式声明。JavaScript 也可使用它来访问和操作拥有特定 ID 的元素。

id 的语法是：写一个井号 (#)，后跟一个 ​id​ 名称。然后，在花括号 {} 中定义 CSS 属性。

下面的例子中我们有一个 ​<h1>​ 元素，它指向 ​id​ 名称 "myHeader"。这个 ​<h1>​ 元素将根据 head 部分中的 ​#myHeader​ 样式定义进行样式设置：