什么是 HTML?

WBOY
发布: 2024-09-04 16:12:30
原创
811 人浏览过

超文本标记语言(HTML)是一种允许创建任何连接到互联网的人都可以查看的网站的语言。 根据一项调查,超过 55% 的受访者表示他们使用 HTML。

此外,学习 HTML 通常是任何 Web 开发人员旅程的第一步。 Web 开发人员的平均年收入为 61,718 美元,顶级开发人员的年收入突破了 103,000 美元大关。

超文本是一种通过单击称为超链接的文本进入下一页的上网方式。

什么是 HTML?

要点

  • 基本代码由 doctype 声明、HTML 标签、head 标签、title 标签和 body 标签组成。
  • 它可以在任何操作系统(例如 Windows、Mac 和 Linux)以及任何浏览器(例如 Google Chrome、Mozilla Firefox 和 Safari)上运行。
  • 它还有各种应用程序,例如创建个人博客、详细信息表、注册表、登陆页面、新闻通讯和在线作品集。
  • 优点是它是一个开放标准,易于学习,适合初学者,具有良好的社区支持,并且对搜索引擎友好。
  • 缺点包括安全性差、缺乏设计灵活性、在各种浏览器上输出不一致以及功能有限。

HTML 子集

1. XHTML(可扩展超文本标记语言)

  • XHTML 是一种基于 XML 的标记语言,这意味着它遵循严格的语法和语义规则。
  • XHTML 是 HTML 4 的继承者,旨在使该语言更加模块化和可扩展。
  • XHTML 文档必须格式正确且有效,这使得它们更难以创建,并且更加一致且可供更广泛的设备访问。

2. SGML(标准通用标记语言)

  • SGML 是一种用于定义标记语言的元语言,包括 HTML。
  • SGML 提供了描述文档结构和内容的标准语法,使其对于在不同系统之间交换信息非常有用。
  • SGML 是一个复杂而强大的系统,但其语法和复杂性使其不如 HTML 等简单标记语言得到广泛使用。

3. DHTML(动态 HTML)

  • DHTML 是指使用 HTML、CSS 和 JavaScript 创建动态、交互式网页。
  • DHTML 允许操作网页的内容、布局和行为以响应用户操作,而无需刷新页面。
  • DHTML 广泛用于创建动态效果,例如下拉菜单、工具提示和幻灯片放映。
  • 它还可以创建简单的动画和游戏。

4. TTML2(定时文本标记语言 2)

  • TTML2 是一种标记语言,用于以标准化方式表示定时文本内容,例如字幕和副标题。
  • TTML2 提供了一套全面的功能,用于设置定时文本的格式和样式,包括对多种语言和字体样式的支持。
  • TTML2 是确保聋哑和听力障碍用户可访问多媒体内容以及提高所有用户视频内容可用性的重要工具。

HTML 模板

每个 HTML 页面都有一个基本模板。它由以下部分组成:

文档类型声明:HTML 文档的第一行是 doctype 或文档类型声明,它定义了所使用的 HTML 版本。

语法:

<!DOCTYPE html>
登录后复制
登录后复制

Element:该元素是 HTML 文档的根元素,包含所有其他元素。

语法:

<html>...</html>
登录后复制

Head 元素:head 元素包含有关文档的信息,例如标题、元数据以及指向外部资源(例如样式表)的链接。

语法:

<head>...</head>
登录后复制

Title 元素:title 元素定义文档的标题,该标题显示在浏览器的标题栏中。

语法:

<title>Name of Web Page</title>
登录后复制

Body元素:body元素包含文档的主要内容,包括文本、图像和其他媒体。

语法:

<body>...</body>
登录后复制

除了这些基本标签之外,其他几个元素可以帮助添加内容以创建一个出色的网站。这些是-

标题:标题(H1、H2、H3 等)有助于构建内容并提供信息的层次结构。

语法:

<h1>Main Heading</h1>
登录后复制

段落:段落 (

) 有助于定义文本块。

语法:

<p>Hello World</p>
登录后复制

链接:链接 () 允许用户导航到其他网页或其他资源。

语法:

<a href="https://www.EDUCBA.com">Link to EDUCBA website</a>
登录后复制

Images: Images () can provide visual content in a document.

Syntax:

<img src="image.jpg" alt="Image Description">
登录后复制

Code:

<!DOCTYPE html>


EDUCBA’s Page


Hello World! This is EDUCBA’s first web page.

登录后复制

Output:

什么是 HTML?

How to Create an HTML Table?

There are specific table tags to create a table – mainly,

, , and
,
.

Pre-requisites for HTML Table

For an absolute beginner, it is essential to know what the different table tags do before writing a basic code.