manujeol.github.io 主页解析

ZIP文件

下载需积分: 5 | 559KB | 更新于2025-01-21 | 192 浏览量 | 举报收藏

立即下载

知识点一：HTML基础概念 HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。HTML描述了一个网站的结构，通过各种标签（tag）来标记不同的内容，例如段落、标题、链接、图片等。在HTML中，"manujeol.github.io"可以理解为一个网页的网址。知识点二：GitHub.io介绍 GitHub是一个面向开源及私有软件项目的托管平台，而GitHub Pages则提供了一个免费的静态网站托管服务。用户可以通过GitHub Pages创建个人网站或项目网站。"manujeol.github.io"是使用GitHub Pages功能时，GitHub为用户分配的默认域名格式，"manujeol"应该是用户在GitHub上的用户名。知识点三：HTML文档结构 HTML文档通常由一个HTML标签开始，紧跟一个head标签，其中包含文档的元数据，例如文档标题、样式表链接、脚本链接等。body标签包含了网页的内容，例如段落、标题、图片等。一个基本的HTML结构如下所示： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>网页标题</title> </head> <body>  </body> </html> ``` 知识点四：HTML标题标签在HTML文档中，标题标签包括六个级别的标题，从h1到h6。这些标签用于定义网页中的标题和子标题，其中h1标签表示最高级别的标题，而h6表示最低级别的子标题。例如，一个网页的主标题可以用h1标签表示，而各个章节的标题则可以依次使用h2、h3等标签。知识点五：HTML标签属性 HTML标签可以包含多个属性，这些属性提供了额外的信息和功能。例如，a标签可以使用href属性来指定链接的目标地址，img标签可以使用src属性来指定图片的路径。属性通常以键值对的形式出现，多个属性之间用空格分隔。例如： ```html <a href="https://www.example.com">这是一个链接</a> ``` 知识点六：HTML中的链接链接是网页中最重要的元素之一，用于在网页间跳转。在HTML中，链接使用a标签表示，并通过href属性指定目标URL。链接可以是文本或图片，例如： ```html  <a href="https://www.example.com">访问示例网站</a>  <a href="https://www.example.com"><img src="example.jpg" alt="示例图片"></a> ``` 知识点七：HTML中的图片标签在HTML中，图片通过img标签嵌入到网页中，src属性指定了图片的路径，alt属性提供了一个文本替代方案，用于在图片无法显示时向用户显示。img标签是一个自闭合标签，即不需要关闭标签。例如： ```html <img src="image.jpg" alt="描述性文字"> ``` 知识点八：GitHub Pages的使用 GitHub Pages允许用户通过GitHub的仓库来托管静态网站。用户需要创建一个特定命名的仓库，通常格式为"username.github.io"，然后将HTML、CSS、JavaScript等文件放入该仓库中。GitHub Pages会自动构建网站，并通过"username.github.io"访问。知识点九：自定义域名虽然GitHub Pages为每个用户提供了默认的域名（即"username.github.io"），但用户也可以使用自定义域名。这通常需要在域名注册商那里设置DNS记录，将自定义域名指向GitHub Pages分配的域名。知识点十：HTML文档的主体内容 HTML文档的主体内容，即位于body标签内的部分，包含了网页上所有的可见元素，如标题、段落、列表、图片、链接、表格、表单等。这些元素使用相应的HTML标签来定义，并通过CSS进行样式设计，通过JavaScript增加交互性。