在第四周的学习中，我们将深入探讨HTML（超文本标记语言），这是构建网页的基础。HTML是一种标记语言，用于描述网页的内容和结构，使浏览器能够正确地显示网页内容。
1. HTML基本结构：HTML文档通常以`<!DOCTYPE html>`开头，表明这是一个HTML5文档。接着是`<html>`标签，它是整个文档的根元素。`<head>`部分包含元数据，如标题（`<title>`）和CSS链接（`<link>`）。`<body>`部分则包含实际的网页内容。
2. HTML标签：HTML标签分为双标签（例如`<p>`用于段落）和单标签（例如`<br>`用于换行）。每个标签都有其特定的含义，例如`<h1>`到`<h6>`用于定义标题级别，`<img>`用于插入图片，`<a>`用于创建超链接。
3. HTML属性：标签可以有属性，提供额外的信息。比如`<a>`标签的`href`属性指定链接的目标地址，`<img>`标签的`src`属性指定图片源，`alt`属性提供替代文本。
4. HTML表格：`<table>`、`<tr>`（行）、`<td>`（单元格）和`<th>`（表头）用于创建表格。`colspan`和`rowspan`属性可以合并单元格。
5. HTML列表：`<ul>`（无序列表）和`<ol>`（有序列表）用于创建列表，`<li>`定义列表项。
6. 表单元素：`<form>`、`<input>`、`<textarea>`、`<select>`和`<option>`等用于创建交互式表单。`type`属性决定`<input>`的类型，如文本输入（`type="text"`）、密码输入（`type="password"`）或按钮（`type="button"`）。
7. CSS基础：虽然标签主要关注内容，但为了美化页面，我们还需要CSS（层叠样式表）。通过`<style>`标签或外部样式表，可以定义元素的颜色、大小、布局等样式。
8. 响应式设计：现代网页设计重视响应式布局，使网页在不同设备上都能良好显示。这通过CSS的媒体查询（`@media`）和灵活的布局技术如Flexbox或Grid实现。
9. HTML5新特性：HTML5引入了许多新元素和API，如`<video>`和`<audio>`用于多媒体播放，`<canvas>`用于图形绘制，`<section>`和`<article>`增强语义化，以及Web Storage和Web Workers提升性能。
在第四周的学习中，我们将通过实践项目来加深对这些概念的理解，逐步掌握HTML的基本语法和应用技巧，为创建动态、功能丰富的网页打下坚实基础。
week4-master.zip （12个子文件） 
week4-master 
week4-instructions.html 5KB
week4.js 1KB
