goit-markup-hw-01:家庭作业1资源-CSDN文库

共9个文件

jpg：7个

md：1个

html：1个

需积分: 5 150 浏览量 2021-04-03 03:43:59 上传评论收藏 161KB ZIP 举报

【HTML基础】 HTML（HyperText Markup Language）是构建网页的标准标记语言，它用于描述网页内容和结构。在这个“goit-markup-hw-01”家庭作业中，你将深入学习HTML的基本概念和语法。 1. **HTML文档结构**： HTML文档由三部分组成：`<!DOCTYPE>`声明、`<html>`根元素和内部内容。`<!DOCTYPE>`定义了文档类型，通常为`<!DOCTYPE html>`，表示遵循HTML5标准。`<html>`元素是整个文档的容器，而内部内容则包含在`<head>`和`<body>`标签之间。 2. **头部元素**： `<head>`标签内的内容不直接显示在页面上，但对页面的元数据和样式有重要作用。常见的头部元素包括`<title>`（设置页面标题）、`<meta>`（提供元信息，如字符编码`charset`）和`<link>`（引入外部样式表）。 3. **主体内容**： `<body>`标签包含了网页的可见内容，如文本、图片、链接等。基本元素有： - `<h1>`到`<h6>`用于创建标题，`<p>`用于段落。 - `<a>`定义超链接，通过`href`属性指定目标URL。 - `<img>`插入图像，`src`属性指明图像源，`alt`提供替代文本。 - `<div>`作为内容分组元素，常与CSS结合使用来布局页面。 - `<ul>`和`<ol>`创建无序列表和有序列表，`<li>`定义列表项。 - `<table>`用于创建表格，`<tr>`定义行，`<td>`和`<th>`分别定义单元格和表头。 4. **语义化标签**： HTML5引入了许多语义化标签，如`<header>`（页面或区域的顶部）、`<nav>`（导航链接）、`<main>`（主要内容）、`<article>`（独立的内容单元）、`<aside>`（侧边栏内容）和`<footer>`（页面底部），这些标签有助于提升网页可读性和SEO优化。 5. **注释**： HTML中的注释使用``包裹，例如``，用于解释代码或隐藏暂时不需显示的内容。 6. **属性**： HTML元素可以有零个或多个属性，它们提供了额外的信息。例如，`<a>`标签的`target`属性可以设置链接打开方式（`_blank`新窗口，`_self`当前窗口等）。 7. **响应式设计**：虽然未直接提及，但了解如何通过媒体查询（`@media`）实现响应式布局是现代网页开发的重要技能。这允许页面根据不同的设备尺寸和方向自动调整布局。 8. **验证**：使用W3C的HTML验证器检查代码的正确性，确保遵循规范，有助于提高浏览器兼容性和性能。在这个家庭作业中，你将有机会实践这些HTML基础知识，创建一个结构清晰、语义明确的网页。通过不断地练习和学习，你将能够熟练掌握HTML，为后续的前端开发打下坚实的基础。

资源推荐

资源详情

资源评论