【HTML基础介绍】
HTML（HyperText Markup Language）是用于创建网页的标准标记语言，它是互联网上应用最广泛的语言，也是构建Web内容的基础。HTML文件由一系列元素组成，这些元素通过标签来定义，标签告诉浏览器如何展示内容。在"Assignment-1:分配人1"中，我们可能需要对HTML的基本结构和元素进行理解和应用。
一个基本的HTML文件通常包含以下部分：
1. **文档声明**：`<!DOCTYPE html>`，告知浏览器文档遵循的HTML版本。
2. **HTML标签**：`<html>`是整个HTML文档的根元素。
3. **头部（Head）**：`<head>`包含元信息，如页面标题（`<title>`），字符集（`<meta charset="UTF-8">`）等。
4. **主体（Body）**：`<body>`包含实际显示在页面上的内容。
在HTML中，文本、图片、链接、表格、列表等都可以通过不同的标签来表示。例如：
- **标题**：`<h1>`到`<h6>`定义了六级标题，`<h1>`最大，`<h6>`最小。
- **段落**：`<p>`用于表示文本段落。
- **链接**：`<a href="url">链接文本</a>`创建一个超链接，指向指定URL。
- **图像**：`<img src="image_path" alt="替代文本">`插入图像，`src`属性指图像源，`alt`提供替代文本。
- **列表**：`<ul>`创建无序列表，`<ol>`创建有序列表，`<li>`定义列表项。
【HTML布局与样式】
HTML本身不处理页面样式，但可以通过内联样式（在标签内使用`style`属性）、内部样式表（在`<head>`内使用`<style>`标签）或外部样式表（链接CSS文件）来设置样式。CSS（Cascading Style Sheets）允许我们控制网页的布局和外观，如颜色、字体、大小、位置等。
例如，要将一个段落的背景色设置为蓝色，可以这样写：
```html
<p style="background-color: blue;">这是一个蓝色背景的段落。</p>
```
或者在外部CSS文件中定义类，然后在HTML中引用：
```css
/* 在style.css文件中 */
.blue-bg {
background-color: blue;
}
/* 在HTML文件中 */
<p class="blue-bg">这是一个蓝色背景的段落。</p>
```
【HTML5新特性】
HTML5是HTML的最新版本，引入了许多新特性，增强了Web开发的功能和用户体验：
1. **离线存储**：通过`<html manifest>`和`Application Cache`，可以让用户在离线状态下访问部分内容。
2. **拖放功能**：`draggable`属性和`dropzone`属性允许用户在网页上拖放元素。
3. **媒体元素**：`<audio>`和`<video>`可以直接在网页内播放多媒体文件，无需插件。
4. **canvas画布**：通过JavaScript绘制图形，实现动态和交互式内容。
5. **SVG矢量图**：支持在网页上嵌入矢量图形，保持高质量缩放。
6. **表单控件增强**：新增了`<input type="date">`、`<input type="range">`等更多表单输入类型。
在"Assignment-1:分配人1"中，你可能需要利用HTML5的某些特性来完成任务，比如创建响应式布局、使用新的表单元素或者集成多媒体内容。
HTML是构建网页内容和结构的基础，而CSS则负责其样式和布局。理解并熟练掌握这两者是成为Web开发者的重要步骤。通过"Assignment-1:分配人1"的学习，你将能够创建基本的静态网页，并逐步掌握更高级的Web开发技术。
Assignment-1-main.zip （7个子文件） 
Assignment-1-main 
index.html 8KB
job.jpg 1.3MB
README.md 27B
