在“pw-lab1”这个项目中，我们主要关注的是HTML（HyperText Markup Language）的基础知识，这是一种用于创建网页的标准标记语言。HTML是互联网的基石，它定义了网页的结构和内容，允许开发者通过标签来指示文本、图像、链接等各种元素。让我们深入探讨HTML的相关知识点。
1. **HTML基本结构**：每个HTML文档都始于`<!DOCTYPE html>`声明，告诉浏览器文档类型。接着是`<html>`标签，它是整个文档的根元素。在`<html>`内，有`<head>`和`<body>`两个主要部分。`<head>`包含元数据，如标题（`<title>`），而`<body>`则包含用户可见的内容。
2. **HTML标签**：HTML标签通常是成对出现的，比如`<p>`和`</p>`代表段落。常见的标签包括`<h1>`至`<h6>`用于标题，`<a>`用于链接，`<img>`用于图片，`<ul>`和`<li>`用于无序列表，`<ol>`和`<li>`用于有序列表，`<div>`作为内容分组，`<span>`用于行内元素的样式或行为控制。
3. **属性**：HTML标签可以有属性，如`<a href="url">`中的`href`，定义了链接的目标地址。`<img src="image_path" alt="text">`的`src`指定图片源，`alt`提供替代文本。
4. **CSS（Cascading Style Sheets）集成**：HTML本身主要用于结构，但可以通过内联样式（在标签中使用`style`属性），内部样式表（在`<head>`中使用`<style>`标签），或外部样式表（链接到`.css`文件）来添加样式。
5. **响应式设计**：现代网页设计重视响应式布局，让页面能适应不同设备的屏幕尺寸。HTML5引入了新的元素如`<header>`、`<footer>`、`<section>`、`<article>`等，便于构建响应式结构。
6. **表单元素**：HTML的`<form>`标签用于创建表单，用户可以在其中输入数据。常见元素有`<input>`（多种类型如文本、密码、复选框、单选按钮等）、`<textarea>`（多行文本输入）、`<select>`（下拉菜单）和`<button>`（提交或重置按钮）。
7. **HTML5新特性**：HTML5增加了许多新功能，如拖放（`draggable`属性）、媒体元素（`<video>`和`<audio>`）、离线存储（`applicationCache`）、画布（`<canvas>`）、地理定位（`Geolocation API`）等。
8. **语义化标签**：HTML5引入了语义化的标签，如`<header>`、`<nav>`、`<main>`、`<article>`和`<aside>`，这些标签有助于提高页面可读性和SEO（搜索引擎优化）。
9. **框架和库**：在实际开发中，常使用框架和库如Bootstrap、jQuery等，它们提供了预设样式、动画效果和便捷的API，简化HTML、CSS和JavaScript的编写。
10. **验证与兼容性**：使用工具如W3C的HTML验证器检查代码的正确性，并考虑不同浏览器之间的兼容性问题，确保所有用户都能正常访问和使用网页。
通过“pw-lab1”这样的练习，你可以学习并掌握这些基本概念，从而构建出符合标准的、功能丰富的网页。继续实践，结合JavaScript和其他Web技术，你将能够创建出更加动态和交互式的用户体验。
pw-lab1-main.zip （5个子文件） 
pw-lab1-main 
index.php 41B
index.html 912B
wordcloud.png 46KB
