Web开发基础入门：HTML标签与结构讲解

MD文件

下载需积分: 0 | 1KB | 更新于2024-08-04 | 146 浏览量 | 举报收藏

立即下载

本资源是一份关于Web开发入门的教程，由Lzl于23号4月27日创建。主要内容涵盖了HTML基础结构、标签语法、排版元素和注释等关键知识点。 ### HTML基础与标签语法 **1. 标签类型** - **双标签**：如`<strong>`用于创建加粗文本，其效果是将其中的文字内容设置为粗体显示。`<hr>`用于插入水平线，`<br>`用于换行，分别实现页面中的分隔和文本的断开。 **2. 排版标签** - **标题标签**：包括`<h1>`到`<h6>`，等级递增，代表从一级标题到六级标题。一级标题（`<h1>`）通常只用一次，表示页面的主标题，字体大小逐级减小，且每个级别都独占一行。 **3. 段落标签**：`<p>`是最基本的段落标签，独占一行，段落间有默认间距。 ### HTML基本结构 - **HTML文件结构**：由`<html>`标签包围整个文档，包含`<head>`（头部，存储元数据，如`<title>`标题和`<link>`、`<style>`等链接）和`<body>`（主体，包含用户可见的内容，如`<img>`、`<p>`等）两部分。 - **自动生成骨架**：使用VScode等工具，可以通过在`.html`文件中添加``注释快速生成HTML的基本骨架，保持代码结构清晰。 ### 标签的嵌套和关系 - **标签嵌套**：子标签需要在父标签内，通过换行和缩进来体现层次关系，有助于代码可读性。 - **并列关系**：对于并列的标签，需要保持视觉上的对齐，以保持代码整洁。 **5. 注释** - **注释语法**：使用``来添加文档注释，方便理解代码功能。在VScode中，可以通过`Ctrl+/`快捷键插入或删除注释。这份教程为初学者提供了HTML基础入门的重要概念，包括标签的使用、排版技巧以及HTML文件的结构，同时强调了代码规范和注释的重要性，有助于快速理解和构建网页结构。