我的第一个网站：mertckrrr.github.io的构建与发布

ZIP文件

下载需积分: 5 | 884KB | 更新于2025-09-04 | 100 浏览量 | 举报收藏

立即下载

从提供的文件信息来看，知识点了集中在创建和部署一个基本网站的过程，以及HTML（超文本标记语言）的基础应用。以下是详细说明： ### 知识点一：网站的创建和部署 #### 1.1 创建第一个网站创建网站通常需要以下几个步骤： - **确定网站主题和内容**：明确你想要创建什么类型的网站以及网站的主要内容是什么。对于这个标题，"我的第一个网站"，可以推断这是一个人的个人主页或介绍性网站。 - **选择网站托管服务**：GitHub Pages是一个免费的静态网站托管服务，它允许用户通过GitHub仓库来托管网站。 - **搭建开发环境**：这通常包括安装必要的软件，比如文本编辑器（如Visual Studio Code），以及了解基础的网页开发技术。 - **编写代码**：创建网页需要使用HTML、CSS和可能的JavaScript代码。HTML负责页面结构，CSS负责页面样式，而JavaScript负责页面行为。 #### 1.2 部署网站部署网站是将网站代码上传到服务器的过程，以便其他人可以访问。对于GitHub Pages而言： - 需要将文件推送到一个特定格式命名的GitHub仓库。对于GitHub Pages，仓库名必须是`[username].github.io`。 - 在仓库中创建一个`index.html`文件，它将作为网站的主页。 - 推送文件后，GitHub Pages会自动构建网站，并在几分钟内使其可公开访问。 - GitHub Pages也允许用户使用自定义域名，这需要在仓库的设置中配置相应的域名设置。 ### 知识点二：HTML基础 #### 2.1 HTML结构和语法 HTML是用于创建网页的标准标记语言。一个基本的HTML文档包括： - `<!DOCTYPE html>`：文档类型声明，告诉浏览器该文档是一个HTML5文档。 - `<html>`：根元素，包含整个网页的内容。 - `<head>`：头部区域，包含文档的元数据，如`<title>`定义网页标题。 - `<body>`：包含可见的页面内容，如段落、链接、图片、列表等。 #### 2.2 HTML常用元素 - **`<title>`**: 定义网页的标题，显示在浏览器的标签页上。 - **`<header>`**: 定义文档的头部区域，通常包含导航链接或介绍性内容。 - **`<nav>`**: 定义导航链接的区域，有助于网站的内部链接。 - **`<main>`**: 定义文档的主要内容区域。 - **`<article>`**: 定义独立的内容区域，如博客文章或新闻条目。 - **`<section>`**: 定义文档中的一个区域，如文档的章节。 - **`<footer>`**: 定义文档的尾部区域，通常包含版权信息或相关链接。 #### 2.3 HTML基本标签 - **`<p>`**: 定义段落。 - **`<a>`**: 定义超链接，`href`属性指定链接目标。 - **`<img>`**: 定义图像，`src`属性指定图像路径，`alt`属性定义图像的替代文本。 - **`<ul>`、`<ol>`**: 分别定义无序列表和有序列表。 - **`<li>`**: 定义列表项。 #### 2.4 HTML文档结构示例 ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我的第一个网站</title>  </head> <body> <header> <h1>欢迎来到我的网站</h1> </header> <nav>  </nav> <main> <article> <h2>个人简介</h2> <p>这里是关于我的介绍...</p> </article> <section> <h2>我的项目</h2> <p>这里是项目描述...</p> </section> </main> <footer> <p>版权所有 © 2023</p> </footer> </body> </html> ``` ### 总结创建个人网站是一个涉及多个步骤的过程，包括网站的构建、设计和部署。通过使用HTML，开发者能够构建一个包含文本、图片、链接等基本元素的简单网站。GitHub Pages提供了一个方便的平台，让用户可以快速发布和分享他们的静态网站。对于刚接触网页开发的人来说，了解HTML的基础知识是至关重要的，它奠定了网页开发的基石。通过构建和管理一个个人网站，即使是初学者也可以获得宝贵的实践经验。

资源目录

收起资源包目录