"GoIT-Markup-HW-08: HTML基础与实践"
在"GoIT-Markup-HW-08"这个项目中，我们将深入学习和实践HTML（HyperText Markup Language）的基础知识。这是一门用于创建网页内容的标记语言，是Web开发的基石。通过这个8号任务，我们将探索如何使用HTML元素来构建结构化的网页，以及如何为网页添加样式和交互性。
【知识点详述】
1. HTML基础知识:
- HTML文档结构：HTML文档通常由<!DOCTYPE>声明、<html>根元素、<head>头部元素和<body>主体元素组成。
- 标签与元素：HTML由标签对（如 `<p>` 和 `</p>`）组成，它们定义了网页内容的结构和语义。
- 属性：标签可以有属性，例如`<a href="https://example.com">`中的`href`属性，用于定义链接地址。
2. HTML文本内容:
- 段落与换行：使用`<p>`标签创建段落，`<br>`标签实现换行。
- 标题与子标题：`<h1>`到`<h6>`用于创建不同级别的标题。
- 强调文本：`<strong>`表示重要文本，`<em>`表示强调文本。
- 链接：`<a>`标签定义超链接，`href`属性指定目标URL。
3. HTML多媒体：
- 图像：`<img>`标签插入图像，`src`属性指定图像源，`alt`属性提供替代文本。
- 视频与音频：`<video>`和`<audio>`标签用于插入多媒体文件，支持嵌入播放器控制。
4. HTML表格：
- `<table>`，`<tr>`，`<th>`和`<td>`标签用于创建表格，`<th>`定义表头，`<td>`定义单元格。
- 表格属性：`border`，`width`，`height`等用于设置表格样式。
5. HTML列表：
- 无序列表：`<ul>`包含`<li>`标签创建无序列表。
- 有序列表：`<ol>`包含`<li>`标签创建有序列表。
- 定义列表：`<dl>`，`<dt>`定义术语，`<dd>`提供解释。
6. HTML布局：
- 块级元素：如`<div>`，`<p>`等，它们默认占据一整行。
- 行内元素：如`<span>`，`<a>`等，它们在同一行内显示。
- CSS（Cascading Style Sheets）用于进一步控制布局和样式。
7. HTML表单：
- 输入元素：`<input>`，用于创建各种类型的输入字段，如文本、密码、复选框、单选按钮等。
- 表单控件：`<select>`，`<option>`创建下拉列表，`<textarea>`用于多行文本输入。
- 表单处理：`<form>`标签定义表单，`action`属性指定提交的URL，`method`属性定义提交方式（GET或POST）。
8. HTML5新特性：
- 新增元素：如`<header>`，`<footer>`，`<nav>`，`<article>`，`<aside>`，提供更好的语义化结构。
- 存储：`localStorage`和`sessionStorage`用于在浏览器中存储数据。
- Canvas绘图：使用JavaScript操作`<canvas>`元素进行图形绘制。
- SVG矢量图：支持在HTML中内联插入SVG图像，实现可缩放的图形。
在这个8号作业中，你将有机会实践这些HTML知识点，创建具有丰富内容和结构的网页。通过不断练习，你将更熟练地掌握HTML，并能构建出专业且功能完备的网站。
