在本项目"GoIT-Markup-HW-01"中，我们主要关注的是HTML（HyperText Markup Language）的基础知识。HTML是构建网页的核心语言，它定义了网页的结构和内容。下面将深入探讨HTML的一些关键概念、元素及其实用技巧。
1. HTML基本结构：
每个HTML文档都始于`<!DOCTYPE html>`声明，它告诉浏览器文档使用哪种HTML版本。接着是`<html>`元素，它是整个文档的根元素。`<head>`部分包含元信息，如文档标题`<title>`，而`<body>`部分则包含用户可见的内容。
2. 文档标题：
`<title>`元素位于`<head>`内，设置网页在浏览器标签页上显示的标题。这对于SEO（搜索引擎优化）和用户体验至关重要。
3. 块级与行内元素：
HTML元素分为块级元素（如`<p>`、`<div>`）和行内元素（如`<span>`、`<a>`）。块级元素占据整行，行内元素则在文本流中与其他元素并列。
4. 文本内容：
`<p>`用于创建段落，`<h1>`到`<h6>`表示不同级别的标题，`<strong>`强调文本，`<em>`表示文本的着重或重要性，`<br>`用于换行，`<hr>`创建水平分隔线。
5. 链接：
`<a>`元素用于创建超链接，通过`href`属性指定链接的目标URL。例如：`<a href="https://www.example.com">访问示例网站</a>`。
6. 图像：
`<img>`元素插入图像，`src`属性指向图像文件的路径，`alt`属性提供替代文本，当图片无法显示时使用。
7. 列表：
无序列表`<ul>`和有序列表`<ol>`用于创建列表项`<li>`。例如：
```html
<ul>
<li>第一项</li>
<li>第二项</li>
</ul>
```
8. 段落和引用：
`<blockquote>`用于引用外部内容，`<q>`用于短引用，且自动添加引号。
9. 样式控制：
虽然主要依赖CSS（Cascading Style Sheets）进行样式设计，但HTML中也可以使用`<style>`元素在`<head>`中添加内联样式，或者使用`style`属性为单个元素设置样式。
10. 表格：
`<table>`元素创建表格，`<tr>`代表表格行，`<th>`是表头单元格，`<td>`是数据单元格。例如：
```html
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
</tr>
</table>
```
11. 响应式设计：
虽然在本项目中可能未涉及，但了解响应式设计概念也很重要。通过使用媒体查询和Flexbox或Grid布局，可以让网页根据设备屏幕尺寸自适应调整。
以上是HTML的基本知识点，实际应用中，开发者还会结合CSS和JavaScript来增强交互性和视觉效果。通过理解和实践这些基础，可以逐步创建功能丰富的网页。在"GoIT-Markup-HW-01"这个项目中，学生将有机会亲手编写和实践这些HTML元素和结构，从而加深对HTML的理解。
goit-markup-hw-01-main.zip （12个子文件） 
goit-markup-hw-01-main 
.gitignore 2KB
index.html 4KB
img (1).png 144KB
img (2).jpg 611KB
WebStudio.svg 9KB
