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

共65个文件

scss：25个

jpg：17个

map：6个

需积分: 5 176 浏览量 2021-03-21 07:26:20 上传评论收藏 2.41MB ZIP 举报

【HTML基础知识】 HTML（HyperText Markup Language）是用于创建网页的标准标记语言，它与CSS（Cascading Style Sheets）和JavaScript一起构成了Web开发的基础。在"Goit-markup-hw-07"这个作业中，我们可以预期学习和实践的是HTML的基本结构、元素以及一些常见标签的使用。 HTML文档的基本结构由以下部分组成： 1. 文档声明：`<!DOCTYPE html>`，定义当前文档为HTML5。 2. HTML标签：`<html>`，整个文档的根元素。 3. 头部标签：`<head>`，包含元信息，如字符编码（`<meta charset="UTF-8">`）、页面标题（`<title>`）等。 4. 主体标签：`<body>`，实际展示给用户的内容都在这里。 HTML元素通常由开始标签和结束标签组成，如`<p>`和`</p>`代表一个段落。部分元素是自闭合的，例如`<img>`用于插入图片，其属性如`src`用于指定图片路径，`alt`提供替代文本。【HTML常用标签】在"Goit-markup-hw-07"中，我们可能会用到以下常见的HTML标签： 1. `<h1> - <h6>`：定义六级标题，`<h1>`最大，`<h6>`最小。 2. `<p>`：定义段落。 3. `<a>`：创建超链接，`href`属性定义链接的目标地址，`target`属性可以设置新窗口打开或在当前窗口内跳转。 4. `<ul>`和`<li>`：无序列表，用于列举项目。 5. `<ol>`和`<li>`：有序列表，用于排列有顺序的项目。 6. `<div>`：通用容器元素，用于组合其他元素或添加样式。 7. `<img>`：插入图像，`src`指定图像源，`alt`提供描述。 8. `<table>`：创建表格，包含`<tr>`（行），`<th>`（表头单元格）和`<td>`（数据单元格）等。 9. `<form>`：创建表单，`<input>`定义输入字段，`<label>`关联输入字段的描述，`<button>`创建按钮。 10. `<fieldset>`和`<legend>`：用于组织表单元素并提供标题。 11. `<select>`、`<option>`：创建下拉列表。【语义化HTML】现代HTML强调语义化，即通过元素名称传达内容的意义，提高可访问性和SEO。例如，`<header>`表示页眉，`<nav>`定义导航链接，`<article>`表示独立的内容块，`<section>`组织相关内容，`<aside>`作为主要内容的补充，`<footer>`为页脚。【响应式设计】随着移动设备的普及，响应式设计变得至关重要。HTML5引入了`<meta name="viewport" content="width=device-width, initial-scale=1">`来适应不同屏幕尺寸。同时，CSS媒体查询（`@media`）允许根据设备特征应用不同的样式。【总结】 "Goit-markup-hw-07"涵盖了HTML的基础知识，包括文档结构、常见标签、语义化元素和响应式设计。通过这个作业，你可以巩固对HTML的理解，学会创建功能丰富的网页，并为未来更复杂的Web开发打下坚实基础。记得在实践中不断尝试和优化，不断提升自己的HTML技能。

资源推荐

资源详情

资源评论