内容

• 脚步
• 方法 1 of 1：编写 HTML 页面
• 提示
• 警告
• 你需要什么

HTML（超文本标记语言）是用于开发网页的主要编程语言。创建为一种简单方便的编程语言。 Internet 上的大多数页面都是使用这种语言的一种形式（ColdFusion、XML、XSLT）开发的。阅读本文后，您可以使用 Internet 上的其他资源继续您的培训。尝试在互联网上搜索与此主题相关的其他文章。

脚步

方法 1 of 1：编写 HTML 页面

1. 1 在开始熟悉此处介绍的步骤之一之前，请参阅“您需要什么”部分。
2. 2 在开始理解这个问题之前，你应该知道什么：
3. 3 基础知识。 你听说过标签吗？标签被尖括号包围，里面有单词。结束标记以相同的形式书写，但在第一个尖括号后添加了一个斜线。属性是标签中的一个可选词，用于向标签添加详细信息。
4. 4 文档的开头。 在您使用的任何文本编辑器中，粘贴以下内容：
   html>head>title>wikiHow/title>/head>body>Hello World/body>/html>big>/big>
   标签必须用相同的标签结束，但在第一个尖括号后有一个斜线。有标签等例外 元 要么 文档类型.
5. 5 文档类型
   • 通常，大多数网页都设置 文档类型”。这有助于确定编码以及 Web 浏览器将如何感知它。大多数页面没有它也能工作，“但如果你想匹配，这是必要的（他们规定了互联网上的编码类型及其使用方式）... HTML 4.01 的 DOCTYPE 如下所示：! DOCTYPE html PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd"> 这是一个最常见的 DOCTYPE 用于整个互联网的页面。首先，它指向描述“html”的页面类型，然后突出显示编码类型，最后是 DOCTYPE 的位置，从而为 Web 浏览器描述页面。
   • 有不同类型的 HTML（多年来开发的不同版本），例如使用新标签或特定标签。不推荐使用某些标签（取而代之的是其他更有用的标签）。
   • b> 和 我> - 这是目前强加在标签上的，因为它们用于转换文本，而不是规范，因此，其他标签来取代它们。标签 强> 是替代品 乙>， 和 em>，替代 我>.
   • 将之前的标签替换为不仅仅是格式的标签很重要。如果文本被翻译，那么不仅格式保持不变，其含义也保持不变。这在语义上是正确的。
   • 在 XHTML 2.0 版中， b> 和 我> 未使用，就像在 HTML 版本 3+ 中一样。
6. 6 HTML“封装规则”。
   • 让我们来看看当前使用的更重要的标签。在创建页面期间，使用了一个简单的结构。如果一个标签被打开，那么结果， 它应该关闭...这适用于整个结构。下面是一个有效的 XHTML 布局结构示例：
   • ! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   • html xmlns = "http://www.w3.org/1999/xhtml">
   • 头>
   • meta http-equiv = "Content-Type" content = "text / html; charset = utf-8" />
   • 标题> 你好世界！/标题>
   • /头>
   • 身体>
   • H1> 你好世界！/ H1>
   • /身体>
   • /html>
   • 发出消息的示例代码 你好世界...这称为测试 你好世界.
7. 7 标题
   • 网页标题是标签之间的内容 头>...用户无法查看此内容（仅显示在页面标题中的标题）。标签之间的信息 头>, 可以包含其他标签，例如：
     
     
     • META 标签用于对搜索引擎和其他实用程序有用的信息。
     • 在文档之间创建链接的 LINK 标签，例如样式 (CSS)。
     • SCRIPT 标签，这包括几乎所有网络编码，具有远程访问（从另一个文档）的能力。
     • STYLE 标签，本质上是一种可以应用于页面的样式。
     • TITLE 标签是在 Web 浏览器中显示为页面标题的标题。
   • 让我们在取自本网站的示例标题中查看其中一些示例（已缩短）：
     • 头>
     • 标题> ... / 标题>
     • 元名称 = "描述" 内容 = "..." />
     • link rel = "stylesheet" type = "text / css" href = "..." />
     • meta http-equiv = "content-type" content = "text / html; charset = UTF-8" />
     • style type = "text / css" media = "all"> ... / style>
     • 脚本类型 = "text / javascript" src = "..."> / 脚本>
     • /头>
       
       如果您没有注意到，单个标签已被突出显示，并删除了实际信息。这个例子很短，显示了几乎所有可以在 头>除了 HTML 注释（我们将在简单的标签中讨论这个）。
8. 8 随处可见的简单标签
   • 让我们继续看看其他标签。小心标记并记住经验法则“封装”。
     
     
     • strong> 强调重要的文本。
     • small> 使文本更小。字体大小以 1 到 7 的标准单位测量，3 是默认文本大小。 ...
     • pre> 定义富文本块。正确的是，此类文本以相同大小的字体键入，并且单词之间留有空格。
     • em> 将文本显示为短语。
     • del> 删除文本。
     • ins> 定义已插入文档的文本。
     • H1> 许多标题标签之一。此类标签以“h”开头，数量不同。确保关闭具有相同编号的标签。
     • p> 定义一个段落。
     • ! --- ... ---> 与其他标签不同，注释必须在标签内部。此信息仅在查看代码时可见。
     • blockquote> 显示引用，可以与 cite> 标签一起使用。
     • 上面的几个例子不是现有标签的完整列表。要了解其他人，请访问。
9. 9 创建清晰的结构
   • 页面旨在将数据保存在简单的标签集中，以便我们可以将信息解析为段落。计算机识别数据；它不知道上下文或概念上的联系。我们必须创建对计算机友好的 HTML 页面。这是通过使用 div 标签实现的。它有助于创建大量页面。它可以使用 CSS 设置样式，并且比为布局创建大型代码表更容易。
     • div> 这个标签很特别，因为它可以设置样式并使用用户和计算机都可以理解的单独信息块。
   • 让我们看一个使用 div 标签的简单 HTML 布局。
     • ! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     • html xmlns = "http://www.w3.org/1999/xhtml">
     • 头>
     • meta http-equiv = "Content-Type" content = "text / html; charset = utf-8" />
     • 标题> 你好世界！/标题>
     • /头>
     • 身体>
     • H1> 你好世界！/ H1>
     • div id = "contentOne">
     • p> 这是div#contentOne./p>中的一些文字
     • div>
     • p> div 子节中的一个段落 # contentOne / p>
     • /div>
     • /div>
     • /身体>
     • /html>
   • 使用 div> 标签有助于在使用 CSS 和 Javascript 时查找和修改样式。 HTML 将使用不同的编码来处理 CSS 样式和 Javascript，以创建更好、响应更快的用户体验。

提示

• 读完这篇文章后，不要停下来认为你已经学会了你需要知道的一切。总有一些东西需要学习，尤其是在这项技术方面。
• 学习、理解和编写代码。
• 请注意，某些标签仅使用>。 Para 和 br 是一些例子。其他用> 打开的标签需要进一步关闭。例如“div>/div>”。
• 人们期待新的发现，所以重新发明、设计或编码。
• 一旦你学到了很多东西，试着学习服务器编程。
• 学习使用 CSS 和 Javascript。

警告

• 请记住，HTML 是关于编辑内容的。这意味着 HTML 仅用于以可识别的格式存储内容。其他更改必须使用其他技术完成，例如 CSS。这也意味着做“语义上正确的就算别人不承认。其他编程语言帮助构建网页（CSS、Javascript 和 XML）。 HTML 是一个内容构造器。

你需要什么

• 支持ANSI编码的文本编辑器
• 网络浏览器，例如 Internet Explorer 或 Mozilla Firefox
• （可选）所见即所得的 HTML 编辑器，例如 Adob​​e Dreamweaver、Aptana Studio 或 Microsoft Expression Web