HTML与CSS基础
1. HTML简介
HTML是超文本标记语言，用于构建网页。
HTML标签通常成对出现，格式为<标签名></标签名>。
2. HTML定义
HTML的全称是HyperText Markup Language，即超文本标记语言。
标记指的是标签，如<标签名称></标签名称>，例如<p></p>等，多数标签成对出现。
超文本包含以下两个方面：
- 可以在网页中插入图片、视频、音频等多媒体内容，超越了纯文本的限制。
- 支持在网页内链接到其他网页，实现超链接功能。
3. HTML作用
HTML用于开发网页，是网页制作的基础语言。
4. HTML基本结构
以下是一个简单的HTML结构：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
网页显示内容
</body>
</html>第一行是文档声明，指定了HTML版本。
<html>标签标志着整个HTML文档的开始和结束。
<head>标签用于设置网页标题、编码格式及引入CSS和JS文件。
<body>标签内的内容将在浏览器中显示。
5. VSCode介绍
VSCode是一款由微软开发的免费开源跨平台代码编辑器，广泛应用于前端开发。
下载地址：VSCode下载
常用插件包括：
- 中文(简体)汉化包
- open in browser（右键在浏览器打开HTML文件）
6. 常见HTML标签及其嵌套
- 标题标签：<h1>-<h6>
- 段落标签：<p>
- 块级标签：<div>
- 换行标签：<br>
- 分割线标签：<hr>
- 图片标签：<img>
- 链接标签：<a>
- 内联标签：<span>
标签示例：
<h1>一级标题</h1>
<div>这是div块级元素</div>
<p>这是一个段落</p>
<img src="images/example.jpg" alt="示例图片">
<a href="http://example.com">访问示例网站</a>7. 路径使用
- 相对路径：从当前HTML文件所在目录开始计算。
- 绝对路径：从根目录开始计算，如Windows系统中的盘符或Linux/Mac OS中的/。
相对路径示例：
<img src="./images/photo.jpg">
<img src="images/photo.jpg">8. 列表标签
- 无序列表：<ul>，项目用<li>定义。
- 有序列表：<ol>，项目同样用<li>定义。
9. 表格标签
- <table>定义表格。
- <tr>定义表格行。
- <td>定义单元格。
- <th>定义表头单元格。
表格示例：
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>李四</td>
<td>20</td>
</tr>
</table>10. 表单标签
- <form>定义表单区域。
- <label>定义表单控件的标签。
- <input>定义用户输入控件，type属性用于指定输入类型。
