HTML（HyperText Markup Language）

HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言。HTML由一系列的元素组成，这些元素可以用来包围或标记不同部分的内容，使其以某种方式呈现或者工作。两端的标签可以使内容变成超链接，以连接到另一个页面；使字体表现为斜体等。

HTML简介

  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言，而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签及文本内容
  • HTML文档也叫做 web 页面

备注：

  • 对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。
  • HTML中不支持 空格、回车、制表符，它们都会被解析成一个空白字符。
  • htm是超文本标记(Hypertext Markup)，html是超文本标记语言(Hypertext Markup Language)，这两种都是静态网页文件的扩展名，扩展名可以互相更换而不会引起错误（这是指打开而言，但是对于一个链接来说，如果它指向的是一个htm文件，而那个htm文件被更改为html文件，那么是找不到这个链接的）。
  • HTML文档的后缀名：.html  或  .htm，但是推荐使用长后缀名 html 。
  • <!DOCTYPE html>是 HTML5 标准网页声明，全称为 Document Type HyperText Mark-up Language，是一条标示语言。支持 HTML5 标准的主流浏览器都认识这个声明。表示网页采用 HTML5，<!DOCTYPE html> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

HTML标签 (HTML tag)

  • HTML 标签是由尖括号包围的关键词，比如 <html>
  • HTML 标签通常是成对出现的，比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签
<标签>内容</标签>
 

HTML 元素（Element）

这个元素的重要部分有：

  • 开始标签（Opening tag）：包含元素的名称（本例为 p），被尖括号所包围。开头标签标志着元素开始或开始生效的地方。在这个示例中，它在段落文本的开始之前。
  • 内容（Content）：元素的内容，本例中就是段落的文本。
  • 结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠。这标志着该元素的结束。没有包含关闭标签是一个常见的初学者错误，它可能会产生奇特的结果。

整个元素（Element）即指开始标签、内容、结束标签三部分组成的整体。

 

HTML 属性（Attribute）

属性包含元素的额外信息，这些信息不会出现在实际的内容中。

属性必须包含：

  • 一个空格，它在属性和元素名称之间。如果一个元素具有多个属性，则每个属性之间必须由空格分隔。
  • 属性名称，后面跟着一个等于号。
  • 一个属性值，由一对引号（""）引起来。

<!DOCTYPE> 声明

<!DOCTYPE>声明有助于浏览器中正确显示网页，不区分大小写的。

中文编码

在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候需要在头部将字符声明为 UTF-8 或 GBK。<meta charset="UTF-8">

HTML 注释

HTML 拥有在代码中写注释的机制。浏览器会忽略注释，有效地使注释对用户来说不可见。注释的目的是让你在代码中加入注释，以解释你的逻辑或编码。如果你在离开很久后回到一个代码库，以至于你不能完全记住它，这就非常有用。同样，当不同的人在进行修改和更新时，注释也是非常宝贵的。

为了将一段 HTML 中的内容置为注释，你需要将其用特殊的记号 <!-- 和 --> 包裹起来。

posted @   迷糊的我  阅读(15)  评论(0)  编辑  收藏  举报
相关博文：
· HTML 元素
· HTML 属性
· HTML简介
· HTML: 基础知识
· HTML 简介
阅读排行：
· Blazor Hybrid适配到HarmonyOS系统
· Obsidian + DeepSeek：免费 AI 助力你的知识管理，让你的笔记飞起来！
· 解决跨域问题的这6种方案，真香！
· 一套基于 Material Design 规范实现的 Blazor 和 Razor 通用组件库
· 分享4款.NET开源、免费、实用的商城系统
点击右上角即可分享
微信分享提示