1-1 脉络分明——构建志愿者服务队招新页面.pptxVIP

汇报人：xxx时间：2026一号任务脉络分明——构建志愿者服务队招新页面

01任务说明

任务说明一号任务有了得力的工具，现在让我们开始构建第一个真实的HTML页面。在本任务中，你将创建一个生动的志愿服务队招新页面。通过巧妙运用HTML元素和语义化标签，打造结构清晰、内容丰富的页面。具体要求如下。（1）使用VSCode创建HTML文件，并通过Emmet插件生成基础HTML模板。（2）在页面中添加标题、段落、水平分割线、无序列表和页脚信息等内容。（3）合理组织页面内容，逐步构建结构，确保页面元素逻辑清晰、层次分明。

知识准备02

01HTML基本概念03文本内容标签02网页语义化设计原则目录04表格标签

1.HTML基本概念知识准备什么是HTML？HTML定义了页面的结构和内容，使得浏览器能够正确解析和显示网页。HTML可视为页面的“骨架”，负责文字、图片、视频等内容的排列和显示。标签与元素的定义标签是HTML元素的标识符，用于指示浏览器如何解释和展示内容。标签使用尖括号“”包裹，通常包含开始和结束标签。【例】段落示例p这是一个段落。/p标签与元素的特殊情况空元素是指其内没有内容或结束标签，这些元素通常在开始标签中关闭。常见的空元素br：插入换行hr：插入水平分割线img：嵌入图片input：定义输入字段link：定义文档与外部资源的关系HTML文档基本结构HTML文档由一