关于我：Sobremim资源-CSDN文库

共41个文件

png：22个

css：16个

jpg：1个

需积分: 5 79 浏览量 2021-02-26 02:33:51 上传评论收藏 31.8MB ZIP 举报

标题 "关于我：Sobre mim" 暗示这是一个个人网页项目，可能包含作者的简介、经历、技能或兴趣等内容。描述中同样提到 "关于我"，进一步确认了这一点。标签为 "HTML"，说明这个项目是使用 HTML（超文本标记语言）编写的，这是网页开发的基础语言，用于构建网页结构。在文件名 "about-me-master" 中，"about-me" 可能是指一个名为 "关于我" 的子目录或者文件，而 "-master" 通常用于 Git 仓库的主分支，表明这是一个开源项目或者代码库的主版本。因此，我们可以推断这是一个个人简历或展示页面的源代码项目。在深入讨论 HTML 知识点之前，先了解一下 HTML 的基本概念。HTML 是 HyperText Markup Language 的缩写，它通过一系列的标签来组织网页内容，如段落、标题、图像和链接等。HTML 文件由两部分组成：元素（Elements）和属性（Attributes）。元素以开始标签（例如 `<p>`）和结束标签（例如 `</p>`）定义，属性则提供额外的信息，比如 `src` 属性用于指定图像的来源。现在，我们详细讨论一下 HTML 网页开发中的关键知识点： 1. **基础结构**：每个 HTML 文档都始于 `<!DOCTYPE html>` 声明，接着是 `<html>` 元素，它是整个文档的根元素。然后是 `<head>` 和 `<body>`，前者包含元信息，后者包含实际可见的内容。 2. **标题标签**：`<h1>` 到 `<h6>` 用于创建不同级别的标题，`<h1>` 是最大的标题，`<h6>` 是最小的。 3. **段落与换行**：`<p>` 标签用于创建段落，而 `<br>` 标签用于强制换行。 4. **文本格式化**：`<strong>` 用于加粗文本，`<em>` 用于斜体，`<code>` 用于表示代码片段。 5. **链接**：`<a>` 标签创建超链接，通过 `href` 属性指定目标地址。 6. **图像**：`<img>` 标签插入图像，`src` 指定图像源，`alt` 提供替代文本。 7. **列表**：`<ul>` 用于无序列表，`<ol>` 用于有序列表，`<li>` 创建列表项。 8. **表格**：`<table>`、`<tr>`（行）、`<td>`（单元格）和 `<th>`（表头）构成表格。 9. **布局**：`<div>` 是一个通用容器，用于组合其他元素，配合 CSS 进行布局控制。`<span>` 用于内联元素的组合。 10. **响应式设计**：通过使用 `@media` 查询和 Flexbox 或 Grid 布局，可以让网页适应不同设备和屏幕尺寸。 11. **HTML5 新特性**：包括 `<audio>` 和 `<video>` 用于多媒体播放，`<canvas>` 用于图形绘制，`<input type="date">` 等新的输入类型，以及 `<section>`、`<article>` 等语义化标签。在这个 "about-me" 项目中，开发者可能会使用这些 HTML 元素来展示个人信息，如使用 `<h1>` 作为大标题，`<p>` 描述经历，`<img>` 显示头像，`<a>` 链接到社交媒体账号，以及可能用到 `<ul>` 和 `<li>` 来列出技能或成就。 HTML 是网页开发的基石，掌握好 HTML 的基础知识是成为一名合格前端开发者的前提。通过 "about-me" 这样的项目实践，可以加深对 HTML 结构和语义的理解，并提升实际应用能力。

资源推荐

资源详情

资源评论