"HTML&CSS3.md"
HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，而CSS3（Cascading Style Sheets）是用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的样式表语言。本资源主要介绍了HTML的基本概念、XHTML的区别以及HTML和CSS3的基础知识。
### HTML基本概念
HTML，全称超文本标记语言，是网页开发的基础。它由一系列的元素组成，这些元素通过标签来定义，用来告诉浏览器如何呈现页面内容。HTML文档通常由结构（HTML）、样式（CSS）和行为（JavaScript）三部分组成。
### XHTML简介
XHTML，即可扩展超文本标记语言，是对HTML的严格版本。XHTML的特点包括：
- 所有标签必须闭合，即以斜杠结尾，如`<br/>`；
- 标签名称全部小写；
- 属性值必须用双引号包围。
### HTML基本结构
一个基本的HTML文档结构如下：
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>我的第一个网页</title>
</head>
<body>
<!-- 内容区域 -->
<img src="image.jpg" alt="图片描述" title="鼠标悬停显示标题"/>
<p>这是段落内容。</p>
<a href="http://example.com" target="_blank">这是一个链接</a>
</body>
</html>
```
其中，`<!DOCTYPE html>`声明了文档类型，`<head>`包含了元数据如字符集，`<body>`则包含网页的可见内容。
### HTML基本语法与标签
HTML标签分为单标签和双标签。单标签如`<br>`，双标签如`<p>`。标签与属性之间用空格分隔，属性值用等号连接，并用双引号包围。例如，`<img src="image.jpg" alt="图片描述" title="鼠标悬停显示标题">`。
#### 常见HTML标签
- **标题标签**：`<h1>`到`<h6>`，字号逐渐减小，每级标题独立一行。
- **段落标签**：`<p>`，内容独占一行，可配合`<b>`（加粗）、`<strong>`（强调，语义化）、`<i>`（倾斜）、`<em>`（强调，语义化）、`<u>`（下划线）、`<del>`（删除线）、`<sub>`（下标）、`<sup>`（上标）、`<br>`（换行）和`<hr>`（水平线）使用。
- **超链接标签**：`<a>`，用于创建链接，`href`属性指定链接地址，`target`属性定义打开方式（`_blank`新窗口，`_self`本窗口）。
- **图片标签**：`<img>`，`src`属性指定图片路径，`alt`提供替代文本，`title`显示鼠标悬停时的提示。
#### 列表标签
HTML中的列表有两种类型：无序列表`<ul>`和有序列表`<ol>`，它们都包含`<li>`子元素。例如，`<ul><li>条目1</li><li>条目2</li></ul>`。在Markdown中，可以使用`-`快速生成无序列表，`1.`生成有序列表。
### CSS3基础
CSS3是CSS的最新版本，引入了许多新的功能和改进，如选择器增强、动画、转换、渐变、阴影、Flexbox布局、Grid布局等。虽然本资源没有详细展开CSS3，但CSS3对于美化HTML页面、实现响应式设计和提升用户体验等方面至关重要。
HTML和CSS3是构建现代网页的核心技术，掌握它们的基本概念和语法是网页开发的必备技能。通过学习和实践，开发者可以创建出功能丰富、视觉美观的网页。
我的内容管理
展开
