📌  相关文章
📜  html 开始 - Html (1)

📅  最后修改于: 2023-12-03 14:41:55.492000             🧑  作者: Mango

HTML 开始 - HTML

HTML（Hypertext Markup Language）是用于创建Web页面的标准。它使用标记语言来描述 Web 文档（Web pages）的结构。标记语言是一种将文本 “标记” 起来以描述文档结构、文本、图像和其他内容的方式。

HTML运用这种语言来创建DOM（Document Object Model），DOM是一种跨平台和语言无关的应用程序接口（API），用于文档浏览器的Web开发。HTML的语法比较容易学习，对于初学者来说，这是一个不错的入门的语言。

HTML 的历史

HTML 的发展始于 1989 年，Tim Berners-Lee 是其最早的开发者之一，他在 CERN（欧洲核子研究中心）开发了 HTML 以简化共同使用文档的管理。HTML 的第一个版本发布于 1991 年底，并命名为 HTML 1.0。

到1995年，HTML 2.0 已经发布了；1997年 HTML 3.2、HTML 4.01也相继发布了。它们都是面向文档的标记语言。现在，HTML5 已经成为了 HTML 的最新版本，并加入了一些新特性，如新的表单控件、audio 和 video 等媒体元素等。

构建HTML文档

在构建 HTML 文档时，需要以下几个组成部分：

  • Doctype：告诉浏览器当前文档使用的 HTML 版本。
  • HTML 标签：说明这是 Web 页面的入口标签。
  • Head 标签：提供 Web 页面的元信息。
  • Body 标签：Web 页面的主要内容在这里定义。

在HTML5中，必须为文档的第一行标注 DOCTYPE，告诉浏览器正在使用HTML5版本。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>My Webpage</title>
  </head>
  <body>
    <h1>Welcome to My Webpage</h1>
    <p>Here you will find more about our services</p>
  </body>
</html>
HTML 元素

HTML 元素（Element）是用于定义网页内容的基本构建块。元素定义是由开标签和闭标签组成，中间包含了内容：

<tagname>content goes here</tagname>
  • 关闭标签通常与开标签相同，但在有些情况下，它们可以不同。
  • 某些标签没有任何内容，比如 img 或 br 标签，它们称为空元素。
  • HTML 元素可以包含属性，属性可以提供关于元素的更多信息。属性通常以名称/值的形式出现。属性总是放在 HTML 元素的开始标签中。
HTML属性

用于更详细地描述 HTML 元素的属性（Attribute），比如 id、class、style 等。属性总是以名称/值对的形式出现，比如：name="value"。

<a href="https://www.example.com">This is a hyperlink</a>
块级元素 vs. 内联元素

HTML 元素可以分为两类：块级元素和内联元素。块级元素通常用于组织网页布局，如

、

、

等，而内联元素用于控制文本内容的样式，如 、、 等。

块级元素通常具有以下特点：

  • 独占一行，后面的元素会另起一行；
  • 可以指定宽度（宽度默认为 100%）；
  • 高度可以自动调整；
  • 可以设置边距、内填和边框。

内联元素通常具有以下特点：

  • 可以和其他内联元素一行显示；
  • 宽度和高度是内容的宽度和高度；
  • 不能设置 margin 和 padding；
  • 一般用于文字的样式控制。

结语

HTML 是 Web 页面开发的基础，除非你只是在写纯粹的后端代码，否则掌握 HTML 是很有必要的。在 HTML5 中，又加入了很多新的特性，比如音频、图像、动画等等，难度相对比较低，很适合初学者学习。