在本项目"GoIT-markup-hw-03"中，我们主要关注的是HTML（超文本标记语言）的学习与实践。HTML是构建网页的基础，它使用一系列预定义的标签来组织内容并描述其结构，使得浏览器能够正确地解析和显示这些内容。任务1的核心就是掌握HTML的基本语法和元素，从而创建一个有效的网页。
HTML文档通常以`<!DOCTYPE html>`声明开始，表明文档类型是HTML5。接着是`<html>`元素，它是整个HTML文档的根元素，包含了所有其他元素。在`<html>`内，有两个重要的部分：`<head>`和`<body>`。
`<head>`部分不直接显示在页面上，但包含元信息，如页面标题（`<title>`），字符集设置（`<meta charset="UTF-8">`）以及可能的CSS样式表链接（`<link rel="stylesheet" href="styles.css">`）。
`<body>`部分则包含用户在浏览器窗口中看到的所有内容，如文本、图像、链接、表格等。以下是一些基本的HTML标签：
1. **文本内容**：`<h1>`到`<h6>`用于定义六级标题，`<p>`用于段落，`<strong>`表示加粗文本，`<em>`表示斜体文本。
2. **链接**：`<a href="url">链接文本</a>`创建一个指向其他网页的链接。
3. **图像**：`<img src="image.jpg" alt="替代文本">`插入一张图片，`alt`属性提供图片无法显示时的替代文本。
4. **列表**：`<ul>`定义无序列表，`<ol>`定义有序列表，`<li>`定义列表项。
5. **区块元素**：`<div>`是通用容器，可以用来组合其他元素，`<span>`则用于内联元素的组合或样式化。
此外，HTML还支持表格（`<table>`、`<tr>`、`<th>`、`<td>`）、表格的行和单元格，以及表单元素（`<form>`、`<input>`、`<button>`、`<select>`、`<textarea>`）等，它们在创建交互式网页时非常有用。
在完成这个任务时，你需要创建一个包含以上元素的简单网页，确保遵循HTML的语法规则，如正确关闭每个标签，并且保持良好的代码结构。同时，可以利用开发者工具检查和调试你的HTML代码，确保浏览器能正确解析和渲染。
通过实践这个任务，你将加深对HTML的理解，为构建更复杂的网页奠定基础。这不仅是网页设计的第一步，也是成为一名前端开发人员的关键技能。记得不断练习和探索，因为HTML和相关的Web技术总是在不断发展和改进中。
goit-markup-hw-03-main.zip （22个子文件） 
goit-markup-hw-03-main 
index.html 8KB
.gitattributes 66B
img3.jpg 7KB
