goit-markup-hw-01-资源-CSDN文库

共12个文件

jpg：7个

gitignore：1个

html：1个

需积分: 5 93 浏览量 2021-03-04 04:28:16 上传评论收藏 556KB ZIP 举报

在本项目"GoIT-markup-hw-01-"中，我们主要关注的是HTML（HyperText Markup Language）的基础知识。HTML是一种标记语言，用于构建和组织网页内容，并使其具有丰富的结构和样式。在这个作业中，学生可能需要学习并实践以下HTML相关的重要知识点： 1. **HTML基本结构**：每个HTML文档都由`<!DOCTYPE html>`声明开始，定义了文档类型为HTML5。接着是`<html>`元素，它是整个文档的根元素。根元素内部包含`<head>`和`<body>`两个主要部分。`<head>`包含了元信息如页面标题，而`<body>`则包含实际可见的网页内容。 2. **头部元素**：`<head>`中常见的元素有`<title>`，用于设置网页标题，显示在浏览器标签页上；`<meta>`用于提供元数据，如字符编码`charset="UTF-8"`等。 3. **文本内容**：HTML通过一系列的元素来处理文本内容，如`<p>`定义段落，`<h1>`至`<h6>`定义标题等级，`<strong>`和`<em>`分别用于强调和斜体，`<br>`用于换行，`<a>`定义超链接，可以跳转到其他页面或资源。 4. **列表**：`<ul>`和`<ol>`分别用于无序列表和有序列表，`<li>`则表示列表项。 5. **图像**：`<img>`元素用于插入图像，其`src`属性指定图像源，`alt`属性提供替代文本，当图片无法显示时显示。 6. **区块元素与内联元素**：HTML元素分为区块元素（如`<div>`、`<p>`）和内联元素（如`<a>`、`<span>`）。区块元素会自动换行，占据一整块区域；内联元素则在同一行内显示。 7. **表格**：`<table>`、`<tr>`（表格行）、`<th>`（表头单元格）、`<td>`（普通单元格）用于创建表格。 8. **表单元素**：`<form>`用于创建表单，`<input>`可创建各种类型的输入字段，如文本框（type="text"），密码框（type="password"），提交按钮（type="submit"）等。`<label>`用于关联输入字段并提供描述，`<select>`和`<option>`创建下拉菜单，`<textarea>`用于多行文本输入。 9. **CSS基础**：虽然标签中没有明确提到CSS，但在实际的网页开发中，HTML通常与CSS结合使用以定义样式。CSS可以内联（在`<style>`标签中）、内部（在`<head>`中的`<style>`标签）或外部（链接到单独的`.css`文件）引入，用于控制元素的颜色、大小、布局等视觉效果。 10. **响应式设计**：现代网页设计通常需要考虑不同设备的显示效果，利用HTML5的`<meta>`视口标签（`<meta name="viewport" content="width=device-width, initial-scale=1">`）和媒体查询（CSS的`@media`规则）可以实现响应式布局。在这个作业中，学生可能需要创建一个包含以上元素的简单网页，并通过实际操作来理解这些概念。这不仅有助于理解HTML的基本语法，还能提升对网页结构和内容组织的理解。通过练习，他们可以进一步熟悉HTML5的标准和最佳实践，为后续的前端开发学习打下坚实基础。

资源推荐

资源详情

资源评论