课时（一）HTML简介和结构

最新推荐文章于 2025-08-16 06:13:53 发布

原创最新推荐文章于 2025-08-16 06:13:53 发布 · 780 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #标记语言

HTML学习笔记专栏收录该内容

1 篇文章

订阅专栏

本文介绍了HTML的基本概念，包括其作为超文本标记语言的角色，以及如何使用特定的标签来描述网页内容。文章还详细解释了HTML文档的基本结构，从文档类型声明到主体内容的组织。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是HTML

HTML 指的是超文本标记语言（Hyper Text Markup Language）
HTML 不是一种编程语言，而是一种标记语言(Markup Language)
标记语言是一套标记标签（markup tag）
HTML 使用标记标签来描述网页

HTML基本格式

这里写图片描述

1.第一行 <!doctype html>：
文档引用的规范，HTML5因为是“妥协式”的规范，所以不需要引用严格意义上的DTD（文档类型定义）规范

2.第二行 <html>标签：
是html文档的根元素标签，成对出现<html>...</html>,分别代表html文档的开始和结束

3.第三行 <head>标签：
是html文档的头部标签，也是成对出现<head>...</head>，头部标签包含许多子元素标签:

这里写图片描述

<title>标签（可省略）：展示该网页的关键词，也就是网页标题

这里写图片描述

<meta>标签（可省略）：用于定义页面元信息，也就是一些键值对，主要有以下三个属性：

1).http-equiv:

指定元信息的名称，该属性指定的名称具有特殊意义，它可以向浏览器传回一些有用的信息，帮助浏览器正确的处理网页的内容。例如：描述文档类型和字符编码：
<meta http-equiv="Content-Type" content="text/html;charset=utf8"/>
该<meta>标签元信息的名称是Content-Type，对应的值是“text/html,charest=utf8”,意思是设置该页面的类型为text/html,所用字符编码为utf8，即告诉浏览器以utf8的方式来解析该html文档 (更多字符编码内容可以自行百度，例如：base64，ascii，gb2312（简体中文）)

2).name:

指定元信息的名称，该名称值可以随意指定。例如：描述搜索关键字和描述信息：
<meta name="keywords" content="萌萌哒"/>
搜索引擎通过keywords的内容来搜索网页，比如本例中的“萌萌哒”，一般关键词不超过五个
<meta name="description" content="暂时不可爱三秒钟"/>
description根据title标签中的关键词来拓展描述，并且某个关键词都要完整出现一次，而且不要超过一百个字

3).content:指定元信息的值

4.第九行 <body>标签：
是html主题部分标签，成对出现，网页中基本上所有内容都放在<body>标签中表示

附上第一个html文档的源代码：

这里写图片描述