【专案1：第一个专案】是初学者进入编程世界的典型入门练习，主要涉及的标签是HTML，这代表我们将深入探讨HTML（超文本标记语言）的基础知识及其在创建网页中的应用。
HTML，全称为HyperText Markup Language，是构建网页内容的基础语言。它由一系列元素组成，这些元素通过标签来定义，标签告诉浏览器如何解析和展示页面内容。在"专案1"中，我们可能遇到以下关键知识点：
1. **HTML结构**：每个HTML文件通常以`<!DOCTYPE html>`声明开始，表明这是一个HTML5文档。接着是`<html>`标签，它是整个文档的根元素。在`<html>`内部，有`<head>`和`<body>`两个主要部分。`<head>`包含元数据，如标题、字符集等，而`<body>`则包含实际可见的内容。
2. **头部元素**：`<head>`内的`<title>`标签定义了浏览器标题栏显示的网页标题。`<meta>`标签用于设置页面的元信息，比如字符编码（`charset="UTF-8"`）。
3. **段落与标题**：在`<body>`中，`<h1>`到`<h6>`标签用于定义不同级别的标题，`<p>`标签则用于创建段落。
4. **链接**：`<a>`标签用于创建超链接，其`href`属性指定链接的目标地址，`target`属性可以设置链接在何处打开（如`_blank`表示新窗口）。
5. **图像**：`<img>`标签插入图像，`src`属性是图像的URL，`alt`属性提供文字描述，当图片无法显示时供用户参考。
6. **列表**：`<ul>`和`<ol>`分别用于无序和有序列表，它们包含`<li>`标签定义的列表项。
7. **容器与布局**：`<div>`标签是通用的容器元素，常用于组织和布局。`<span>`用于在行内元素中分组和应用样式。
8. **样式化**：虽然项目1主要关注HTML，但基本的CSS（级联样式表）知识也非常重要。CSS用于美化HTML元素，通过`style`属性可以在元素内直接添加样式，或者通过`<link>`标签引入外部CSS文件。
9. **响应式设计**：现代网页应具备响应性，能够适应不同设备和屏幕尺寸。虽然不是初级项目的核心，了解`<meta name="viewport">`标签和媒体查询（`@media`）的概念对提升用户体验至关重要。
10. **验证与调试**：使用HTML验证工具（如W3C验证服务）检查代码的语法正确性，确保浏览器能正确解析和显示内容。同时，学会使用开发者工具进行问题调试。
在项目实践中，初学者会逐步熟悉这些HTML元素和属性，并通过实际编写代码来加深理解。完成"专案1"将为后续更复杂的网页开发奠定坚实基础。在探索过程中，不断学习和实践是提升技能的关键。
project-1-main.zip （17个子文件） 
project-1-main 
indeed.jpeg 9KB
coding.png 300KB
linkedin.svg 1KB
tupi.jpg 330KB
index.html 2KB
