首页 HTML 教程
目录
- 谁应该学习 HTML ？
- HTML 在线编辑器
- 为什么要学 HTML
- 学习 HTML 的先决条件
- 开始使用 HTML
- HTML 的应用
- 职业和薪水
- 关于 HTML 的常见问题
HTML 是网页的标准标记语言.HTML 代表超文本标记语言 ， 用于创建任何网页的内容和结构.如果您将人体视为网页 ， 那么 HTML 就是人体的骨架.它是网页的构建块.HTML 是由 Berners - Lee 在 1991 年底创建的 ， 但 “HTML 2.“0 ” 是 1995 年发布的第一个标准 HTML 规范
本教程的目的是通过覆盖每个标签和属性的示例代码使您成为 HTML 专家。您可以对每篇文章提供的代码进行更改 ， 并实时查看差异。
谁应该学习 HTML ？
本 HTML 教程是专为有抱负 网页设计师 and 开发人员 需要了解 HTML 及其最新版本 ( HTML5 ) 足够详细 ， 以及简单的概述和实际示例。
HTML 在线编辑器
我们提供一个 HTML 在线编辑器 ， 使您可以直接在 Web 浏览器中编辑和执行 HTML 代码。只需单击 “运行 ” 
按钮图标以查看 HTML Hello World 程序的运行情况。
<!DOCTYPE html>
<html>
<head>
<title>Online HTML Editor</title>
</head>
<body>
<h1>Online HTML Editor</h1>
<p>Hello World</p>
</body>
</html>
为什么要学 HTML
HTML 是学生和工作专业人士成为 Web 开发人员的必备条件。 HTML 被广泛用于借助不同的标签和属性以及您可以学习的 HTML 来创建网页 CSS and JavaScript 。
- 创建一个网站 ： 如果您熟悉 HTML ， 则可以创建网站或自定义现有的 Web 模板。
- 成为一名 Web 设计师 ： 如果你想开始职业生涯作为一个专业的网页设计师 ， HTML 和 CSS 设计是一个必须具备的技能。
- 了解 Web ： 如果您想优化您的网站 ， 以提高其速度和性能 ， 了解 HTML 以产生最佳结果是很好的。
学习 HTML 的先决条件
HTML 是基于文本的计算机编码 ， 所以没有学习它的先决条件 ， 你只需要熟悉计算机 ， 以及文件或目录的基本工作知识。
开始使用 HTML
通过记住的东西一样 ， 没有知识 ， 以健全的 HTML 知识 ， 我们有类别的主题在 12 个较小的部分 ， 所以学习曲线可以尽可能容易 ， 你可以相关的主题 ， 如何时何地使用哪个标签或属性。
HTML 基础知识
在深入之前 ， 总是建议了解任何技术的基础知识。 HTML 基本部分充满了 HTML 的所有基础知识 ， 如编辑器 ， 基本标签 ， 元素 ， 属性 ， 标题 ， 段落 ， 格式等。
- HTML 简介
- HTML 编辑器
- HTML 基本标记
- HTML 属性
-
HTML 元素
-
HTML 注释
- HTML 标题
- HTML 段落
- HTML 格式
- HTML 背景
HTML 格式
HTML 格式 是以更好的方式在网站上表示文本上下文的方式 ， 因此用户可以轻松地浏览您的网站。
- HTML < i > 标记
- HTML < em > 标记
- HTML < strong > 标记
- HTML < b > 标记
- HTML < small > 标记
-
HTML < big > 标记
-
HTML < ins > 标记
- HTML < sub > 标记
- HTML < sup > 标记
- HTML < mark > 标记
- HTML < del > 标记
HTML 列表
HTML 列表 是相关信息的集合。可以根据要求对列表进行排序或下标。
-
HTML 无序 & 已订购 列表
- HTML < li > 标记
- HTML < ol > 标记
- HTML < ul > 标记
-
HTML 定义列表
- HTML < dl > 标记
- HTML < dt > 标记
- HTML < dd > 标记
HTML 表格
HTML 表格 通过提供行和列功能 ， 允许我们以有组织的方式呈现数据。还提供了一个视觉结构 ， 有助于清晰和理解 ， 使它们成为 Web 开发的基本要素。
-
HTML < table > 标记
- HTML < thead > & < tbody > 标签
- HTML < tr > 标记
- HTML < th > 标记
- HTML < td > 标记
- HTML < thead > & < tbody > 标签
-
HTML 标题和标题
- HTML 表格样式
- HTML 表格 Colgroup
- HTML 嵌套表
HTML 链接
HTML 链接是超链接 ， 这意味着当您单击链接时 ， 它将重定向到网站的另一个文档或部分。或者 ， 我们也可以在按钮上使用该按钮来邮寄某人。
- HTML 文本链接
- HTML 图像链接
- HTML 电子邮件链接
HTML 表单
HTML 表单 HTML 表单具有交互式控件和各种输入类型 ， 如文本 ， 数字 ， 电子邮件 ， 密码 ， 单选按钮 ， 复选框 ， 按钮等。
- HTML 表单
- HTML 表单属性
- HTML 表单控件
- HTML 输入属性
HTML 图形
HTML 图形是用于表示任何想法或想象力的视觉表示 ， 以增强用户对网站的整体体验。
- HTML SVG
- HTML 画布
HTML API
HTML API 也称为 “应用程序编程接口 ” 。它是定义 ， 工具和协议的集合 ， 可跨各种软件程序进行交互和通信。
- HTML 地理位置 API
- HTML 拖放 API
- HTML Web Workers API
- HTML WebSocket
- HTML Web 存储
- HTML 服务器发送事件
HTML 参考
HTML 参考是必不可少的资源 ， 可提供有关每个主题的全面信息和指导。参考始终对有经验和没有经验的开发人员都有帮助。
- HTML 标记参考
- HTML 属性参考
- HTML 事件参考
- HTML 字体参考
HTML 练习和备忘单
完成上述主题后 ， 您可以检查我们的面试问题 ， 测验和测试集 ， 以测试您的知识。
- HTML - 面试问题
- HTML - 在线测验
- HTML - 在线测试
- HTML - 模拟试验
- HTML - 备忘单
HTML 应用程序
如前所述 ， HTML 是网络上使用最广泛的语言之一。
- 网页开发 ： HTML 用于创建在 Web 上呈现的页面。几乎每个网页都有 HTML 标记 ， 用于在浏览器中呈现其详细信息。
- 响应式 UI ： 由于响应式设计策略 ， HTML 页面现在可以在所有平台 ， 移动 ， 标签 ， 台式机或笔记本电脑上运行良好。
- 游戏开发 ： HTML5 具有丰富经验的原生支持 ， 现在在游戏开发领域也很有用。
- 移动应用开发 ： 带有 CSS3 和 Javascript 的 HTML 可用于开发跨平台移动应用程序。
- 多媒体和视频流 ： HTML5 支持视频和音频等多媒体元素 ， 可直接在 Web 浏览器中实现无缝媒体播放。
- 地理位置: 允许网站请求用户的地理位置。这对基于位置的应用程序和服务很有帮助。
职业和薪水
HTML （ 超文本标记语言 ） 和 HTML5 是 Web 开发的支柱。通过完成本教程 ， 您将有足够的信心申请下面提到的配置文件。
- HTML 电子邮件开发人员 - 薪水范围从卢比 2.0 Lakhs 到卢比 11.0 Lakhs 。
- HTML 编码器 - 薪水范围从 1.0 卢比到 7.3 卢比。
随着 HTML ， 如果你学习 CSS 和 JavaScript ， 那么机会的数量将会增加。
关于 HTML 的常见问题
有一些关于 HTML 的常见问题 （ FAQ ） ， 本节将简要回答这些问题。
什么是 HTML 的完整形式 ？
The 完整形式的 HTML 是超文本标记语言。它是开发网页的标准标记语言。
为什么在网页中使用 HTML ？
在网页中使用 HTML 的原因如下 ：
- 它用于为网页提供基本结构。
- HTML 标签帮助搜索引擎理解网页的内容。
- HTML 表单支持用户交互 ， 包括行动号召按钮、文本字段、复选框等。
- 使用 HTML ， 我们可以将各种类型的媒体 （ 如图像 ， 音频 ， 视频等 ） 嵌入到网页中。
- 它还用于创建超链接 ， 这些超链接可以指向其他网页 ， 同一页面的不同部分或网络上的其他资源。
如何保存 HTML 文件 ？
要保存 HTML 文件 ， 请按照以下简单步骤操作 ：
- 在系统上打开文本编辑器 （ 如记事本 ， Sublime Text ， Atom 等 ） 。
- 编写您的 HTML 代码。
- 单击文本编辑器中的 “文件 ” 菜单。
- 单击 “另存为 ” 。
- 在对话框中 ， 选择要保存文件的位置。
- 键入文件的名称 ， 后跟. html 扩展名 ， 以便浏览器将其解释为 HTML 文件。例如 ， index. html 。
- 单击 “保存 ” 。
谁在哪一年发明了 html ？
HTML 是由欧洲核子研究中心的物理学家 Tim Berners - Lee 于 1991 年底发明的。然而 ， 第一个标准 HTML 规范于 1995 年发布。
HTML 的主要特点是什么 ？
HTML 有以下几个关键特性 ：
- 简单性: HTML 易于学习和使用。它有一个清晰和直接的语法 ， 这使得初学者也更简单。
- 灵活性: HTML 允许开发人员创建各种各样的 Web 文档 ， 从简单的静态网页到复杂的 Web 应用程序。
- 独立平台 ： HTML 是所有现代 Web 浏览器都支持的标准。这意味着 HTML 文档可以在任何操作系统上的任何 Web 浏览器中显示。
- 链接: HTML 的关键特性之一是能够创建指向其他网页的链接。
- 嵌入介质: 它还允许将图像、音频、视频等各种类型的媒体嵌入到网页中。
- 交互性: HTML 提供元素来创建允许用户输入数据的交互式表单。这对于用户注册、提交搜索查询等任务至关重要。
- 语义 ： HTML5 引入了向浏览器和开发人员传达内容含义的语义元素。示例包括 < header > 、 < footer > 、 < article > 和 < section > 。
- 集成: HTML 适用于 Web 开发中常用的其他语言 ， 例如 CSS （ 层叠样式表 ） 和 JavaScript 。 CSS 用于网页的样式和布局 ， 而 JavaScript 用于交互性。
HTML 的最新版本是什么 ？
HTML 的最新版本是 HTML 5 ， 该版本于 2008 年起草 ， 并于 2014 年被 W3C 接受。
HTML 是一种编程语言吗 ？
不 ， HTML 不是一种编程语言。它是一种标记语言 ， 用于组织网络上的内容。它代表超文本标记语言。
什么是 HTML Web 存储 ？
HTML Web 存储 （ DOM 存储 ） 是 HTML5 的一项功能 ， 它允许 Web 应用程序在用户的浏览器中本地存储数据。它以键值对的形式存储数据。
有两种类型的 Web 存储 -
- localStorage: 此对象存储没有过期日期的数据。当浏览器关闭时 ， 数据将不会被删除 ， 并将在下一个会话中可用。
- sessionStorage: 此对象存储一个会话的数据。当浏览器选项卡关闭时 ， 数据将丢失。
如何在浏览器中运行 HTML 文件 ？
要在浏览器中运行 HTML 文件 ， 首先 ， 使用. html 扩展名保存您的 HTML 文件。例如 ， index. html 。然后 ， 找到您的文件并双击以在默认浏览器中打开它。
什么是 HTML 组件 ？
HTML 组件, 也称为 HTML 元素, 是 HTML 页面的构建块。它们表示网页的各个部分, 并由 HTML 标签定义。以下是一些主要组件 -
- DOCTYPE 声明 ： HTML 文档以 <! DOCTYPE html > 声明开头 ， 后跟 < html > 标记。
- 标题: HTML 提供从 < h1 > 到 < h6 > 的六个标题级别 ， 其中 < h1 > 是最高 （ 或最重要 ） 级别 ， < h6 > 是最低级别。
- 段落: < p > 标签定义了一个段落。
- 链接: < a > 标签定义了一个超链接 ， 用于从一个页面链接到另一个页面。
- 图像: < img > 标签用于在 HTML 页面中嵌入图像。
- 列表: HTML 支持有序、无序和定义列表。
- 表: < table > 标签在 HTML 中定义一个表。
- Forms: < form > 标签用于为用户输入创建 HTML 表单。
- **Divisions & Sections: ** < div > 标签是一个容器单元 ， 它封装了其他页面元素并将 HTML 文档划分为多个部分。 HTML5 引入了语义元素 ， 如 < section > ， < article > ， < header > ， < footer > ， < nav > 等 ， 它们具有类似的用途 ， 但提供了额外的语义信息。
- 媒体元素 ： HTML5 引入了像 < video > 和 < audio > 这样的媒体元素 ， 可以用来在 HTML 文档中嵌入视频和音频文件。