在本项目"GoIT-markup-hw-01:网络"中，我们主要探讨的是HTML（HyperText Markup Language）的基础知识。HTML是构建网页的核心语言，用于定义网页的结构和内容。它是一种标记语言，通过使用不同的标签来告诉浏览器如何展示网页元素。
1. **HTML基本结构**：一个标准的HTML文档通常由`<!DOCTYPE html>`声明开始，告知浏览器文档类型为HTML5。接着是`<html>`标签，它是整个HTML文档的根元素。在`<html>`内部，有`<head>`和`<body>`两个主要部分。`<head>`包含元数据，如标题、字符编码等，而`<body>`则包含实际的网页内容。
2. **标题标签**：在`<head>`中，`<title>`标签用于设置网页的标题，显示在浏览器标签页上。例如，`<title>GoIT-markup-hw-01:网络</title>`。
3. **字符编码**：`<meta>`标签用于提供元信息，其中`charset`属性用于指定字符编码，如`<meta charset="UTF-8">`，确保文档使用正确的字符集。
4. **段落与换行**：在`<body>`部分，`<p>`标签定义了段落，用于组织文本内容。若需换行，通常不直接使用回车，而是使用`<br>`标签。
5. **文本格式化**：HTML提供了多种标签来格式化文本，如`<strong>`（粗体）、`<em>`（斜体）、`<u>`（下划线）、`<del>`（删除线）等。
6. **链接**：`<a>`标签创建超链接，其`href`属性定义了链接的目标地址，`<a href="http://example.com">链接文本</a>`。
7. **图像**：`<img>`标签用于插入图片，`src`属性指明图像源，`alt`属性提供替代文本，如`<img src="image.jpg" alt="描述性文字">`。
8. **头部元素**：`<header>`、`<nav>`、`<footer>`等标签用于组织页面的头部、导航和底部区域。
9. **列表**：无序列表`<ul>`和有序列表`<ol>`用于创建项目列表，每个项目用`<li>`标签包裹。
10. **区块元素与内联元素**：`<div>`是块级元素，常用于分组其他元素；`<span>`是内联元素，用于在行内应用样式或脚本。
11. **表格**：`<table>`、`<tr>`（行）、`<th>`（表头单元格）和`<td>`（数据单元格）用于创建表格。
12. **样式化**：HTML本身只负责结构，样式通常通过CSS（Cascading Style Sheets）来添加。可以使用`<style>`标签在`<head>`中内联定义，或使用`<link>`标签引入外部样式表。
13. **响应式设计**：随着设备屏幕尺寸的多样性，利用`<meta name="viewport" content="width=device-width, initial-scale=1">`和媒体查询（`@media`），可以实现不同设备上的适应性布局。
14. **JavaScript交互**：虽然本项目重点在HTML，但现代网页通常结合JavaScript实现动态功能。`<script>`标签可以引入外部JS文件或直接书写代码。
在"GoIT-markup-hw-01-main"目录中，可能包含了完成以上HTML结构和元素的示例文件，通过这些文件可以更深入地学习和理解HTML的基本用法和网页构建技巧。通过实践和实验，你可以逐步掌握创建静态网页的核心技能。
goit-markup-hw-01-main.zip （10个子文件） 
goit-markup-hw-01-main 
box-3.jpg 79KB
index.html 4KB
README.md 19B
