HTML基础教程：快速掌握网页开发要点

资源摘要信息:"minggu33.github.io是一个使用HTML语言构建的网页，具有一个清晰的标题和描述。该网页的源文件被压缩在名为minggu33.github.io-main的文件中。" 1. HTML基础知识点： HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。HTML被设计用来定义网页的内容结构，通过使用各种标签来表示不同的内容类型，如段落、标题、链接等。HTML文件通常以.html或.htm为扩展名。 HTML文档结构主要包括以下几个部分： - DOCTYPE声明：告诉浏览器这个文件是HTML5文档。 - html标签：包含整个HTML文档的全部内容。 - head标签：包含有关文档的元信息，如网页标题、字符编码声明、引用CSS样式表等。 - body标签：包含网页的所有可见内容，如文本、图片、链接等。 HTML中的常用标签包括： - <title>：定义网页的标题，这个标题会在浏览器的标签页上显示。 - <h1>到<h6>：定义六级标题，<h1>定义最大的标题，<h6>定义最小的标题。 - <p>：定义段落。 - <a>：定义超链接，用于链接到其他页面或指定位置。 - <img>：定义图像。 - <ul>、<ol>、<li>：分别定义无序列表、有序列表和列表项。 - <div>：定义文档中的一个区域，常用于布局。 - <span>：用于对文档中的行内元素进行分组，不产生任何效果，通常用于CSS样式应用。 - <link>：定义文档与外部资源之间的关系，常用于链接到样式表。 - <script>：定义客户端脚本，如JavaScript。 HTML5的新增特性： HTML5是HTML的最新标准，它引入了许多新特性，如离线存储、语义化标签、多媒体支持等。语义化标签是HTML5中非常重要的改进之一，这些标签包括： - <header>：定义页面或区段的头部，通常包含标题和导航等。 - <footer>：定义页面或区段的页脚，常包含版权信息和相关链接。 - <article>：定义独立的、自包含的内容区域，如博客文章或新闻稿。 - <section>：定义文档中的一个区段，通常包含一个标题。 - <nav>：定义导航链接的集合。 - <aside>：定义和页面主要内容间接相关的内容区域，如侧边栏。 2. GitHub.io知识点： GitHub Pages是一个基于GitHub的静态站点托管服务，允许用户直接从GitHub仓库中托管网站，非常适合托管简单的个人页面、项目页面或文档站点。用户可以通过一个特定的命名约定来创建一个GitHub Pages网站： - 用户站点：在GitHub的用户账户下创建一个与用户名称相同的仓库，例如username.github.io，用户可以在这个仓库中托管个人网页。 - 项目站点：除了用户站点之外，还可以在任何仓库中启用GitHub Pages，通常以gh-pages分支来托管项目的文档或展示页面。 GitHub Pages支持多种静态网站生成器，如Jekyll、Hugo、Hexo等，这些工具可以将简单的文本文件转换成完整的HTML网站，极大地简化了网页的制作和发布过程。 要启用GitHub Pages，用户需要创建一个仓库，并将项目代码推送到指定的分支。GitHub会自动构建站点，并根据用户选择的发布源（如master分支、docs文件夹等）将内容公开访问。在GitHub Pages上发布网站后，网站将通过特定的URL进行访问，例如对于用户站点，URL格式通常为https://username.github.io。 对于本资源文件，标题和描述均标记为"minggu33.github.io"，表明这是一个由minggu33个人或团队在GitHub Pages上托管的网站。标签中出现了"HTML"，说明网站的内容可能主要是由HTML编写。而文件列表中的"minggu33.github.io-main"表示这个文件是网站的主分支或主文档，包含了网站的主要代码和内容。由于文件已被压缩，要查看和编辑内容，通常需要先进行解压，然后再进行HTML代码的查看和编辑。