goit-markup-hw-02:作业2资源-CSDN文库

共17个文件

jpg：10个

html：2个

css：1个

需积分: 5 28 浏览量 2021-04-19 00:45:33 上传评论收藏 313KB ZIP 举报

【HTML基础知识】 HTML，全称为超文本标记语言（HyperText Markup Language），是用于创建网页的标准标记语言。在“goit-markup-hw-02”这个作业中，我们很可能会涉及一系列HTML的基本概念和语法。 1. **HTML文档结构**：每个HTML页面都由基本的结构组成，包括<!DOCTYPE html>声明、<html>元素、<head>元素和<body>元素。这些元素定义了整个页面的框架。 2. **HTML标签**：HTML标签是页面内容的容器，如<head>、<body>、<header>、<footer>、<section>等。它们告诉浏览器如何显示内容。例如，<h1>至<h6>用于标题，<p>用于段落，<a>用于创建链接，<img>用于插入图像。 3. **属性与值**：HTML标签可以有属性，属性通常带有值。例如，<a href="url">链接文本</a>中的“href”是属性，“url”是其值，表示链接的目标地址。 4. **类（class）和ID（id）选择器**：在CSS样式化页面时，我们会用到类和ID。类可以应用于多个元素，而ID是唯一的。例如，<div class="container">和<div id="main">。 5. **内联元素与块级元素**：内联元素（如<a>、<span>）在一行内显示，不换行；块级元素（如<p>、<div>）则占据整行，可以包含其他元素。 6. **表格（Table）**：HTML提供了<table>、<tr>（行）、<td>（单元格）和<th>（表头）等标签来创建表格。 7. **列表（Lists）**：有序列表<ol>和无序列表<ul>，以及它们的子元素<li>用于创建列表。 8. **表单（Forms）**：HTML表单通过<form>、<input>、<select>、<textarea>等元素收集用户数据。表单元素可以通过属性如type（文本、密码、复选框、单选按钮等）、name和value进行定制。 9. **响应式设计（Responsive Design）**：现代网页设计重视跨设备兼容性，HTML5引入了<meta name="viewport" content="width=device-width, initial-scale=1.0">标签来适应不同屏幕尺寸。 10. **语义化HTML**：为了提高可读性和可访问性，HTML5引入了更多语义化的标签，如<header>、<nav>、<article>、<aside>等，它们能更好地表达页面内容的结构。在“goit-markup-hw-02”作业中，学生可能需要应用这些概念来创建一个结构清晰、内容丰富的网页，同时注意遵循HTML5的标准和最佳实践。通过完成这样的作业，他们将加深对HTML的理解，为更复杂的Web开发打下坚实基础。

资源推荐

资源详情

资源评论