成都品茶，HTML基础：文档结构与标签详解
引言
欢迎来到《HTML与CSS基础与进阶》课程的第一天！今天，我们将一起探索HTML的基础——文档结构与标签详解。HTML（HyperText Markup Language）是构建网页的基石，它定义了网页的结构和内容。通过今天的课程，你将学会如何编写一个基本的HTML文档，并理解HTML标签的作用和用法。
一、HTML文档结构
一个完整的HTML文档通常由以下几个部分组成：
文档类型声明（Doctype）：
告诉浏览器使用哪种HTML版本来解析文档。
示例：
html标签：
包含整个HTML文档的根元素。
示例： 和
head标签：
包含文档的元数据（metadata），如标题、字符集、样式表链接等。
示例： 和
title标签：
定义文档的标题，显示在浏览器的标签栏或标题栏上。
示例：
body标签：
包含文档的主体内容，如文本、图像、链接等。
示例： 和
二、HTML标签详解
HTML标签通常由开始标签、内容和结束标签组成。以下是一些常用的HTML标签及其用法：
标题标签（h1-h6）：
用于定义不同级别的标题。
示例：
这是一级标题
段落标签（p）：
用于定义段落。
示例：
这是一个段落。
链接标签（a）：
用于创建超链接，可以链接到另一个网页、文件、邮箱地址等。
示例：访问示例网站
图像标签（img）：
用于在网页中嵌入图像。
示例：描述图像的文字
列表标签（ul、ol、li）：
用于创建无序列表、有序列表和列表项。
示例：html
列表项1
列表项2
有序列表项1
有序列表项2
表格标签（table、tr、td）：
用于创建表格。示例：html
单元格1 单元格2
表单标签（form）：
用于创建用户输入表单，如文本框、按钮、下拉菜单等。示例：html
姓名：
三、注意事项
标签的嵌套：HTML标签可以嵌套使用，但需要注意嵌套的正确性，如块级元素不能嵌套在行内元素内部。
属性：许多HTML标签可以包含属性，这些属性提供了关于标签的额外信息。例如， 标签的 href 属性指定了链接的目标地址。
闭合标签：大多数HTML标签都需要闭合，即每个开始标签都需要一个对应的结束标签。但也有一些自闭合标签，如 和
。
四、实践练习
现在，让我们来编写一个简单的HTML文档，以巩固今天学到的知识：html
欢迎来到我的网页
这是一个简单的HTML示例。
访问示例网站
示例图像
列表项1
列表项2
结语
通过今天的课程，你已经掌握了HTML文档的基本结构和常用标签的用法。接下来，我们将继续深入学习HTML的进阶内容，包括表单、多媒体、CSS引入等。请保持学习的热情，我们下节课再见！
成都品茶，女性一生的“保养指南”，请收好最会养生的女国医大师们都有什么特别的养生···
成都品茶，四十岁以后的女人如何养生？0102四十岁以后的女人养生，多吃红枣桂圆补气血···
成都品茶，顶级养生秘诀28条，记得点赞收藏大家好，我是微柔。一个97年刚刚结婚的农村···
成都品茶，惊！女人坚持这些养生操作真能冻龄？看完我火速行动女人必看，这份养生指南···
成都品茶，男女养生各不同，男养肾，女养肝！尤其是这三点，分得越清越好！俗话说“男···
成都品茶，女生需要学习的六大养生攻略日常生活中女性如何保养自己的身体？那今天我们···
成都品茶，Deepseek建议24-40岁女性养生不可错过的5个绝招，看完真心受益姐妹们，养生···
成都品茶，《女人养生宝典：科学抗衰，笑出健康》养生不是修仙炼丹，也不是给钱包“瘦···
成都品茶，《女性养生三步走：疏肝、养血、心要修》：值得收藏的养生宝典这本书深入浅···
成都品茶，女性的顶级养生，不是吃多贵的补品，而是做到这六个字。女性养生。说说女性···
邮箱：admin@admin.com
地址：成都
官方微信
Copyright © 2025 成都品茶 本站资源来源于互联网 苏ICP12345678 XML 网站模板
