GitHub Pages网站搭建与HTML基础教程

需积分: 5 158 浏览量更新于2024-12-09 收藏 6.84MB ZIP 举报

【知识点一】：HTML的基本概念 HTML是超文本标记语言（HyperText Markup Language）的缩写，它用于创建网页和网络应用。HTML是网页内容的骨架，通过标签来定义网页的不同部分，例如段落、标题、链接、图片等。每个HTML文档由一系列元素构成，这些元素通过标签进行定义。HTML文档通常以.html或.htm为文件扩展名。【知识点二】：HTML文件结构一个标准的HTML文件通常包含以下几个部分： - DOCTYPE声明：用于告诉浏览器该文档的HTML版本。 - html标签：包含了整个HTML文档的内容。 - head标签：包含了文档的元数据，如标题、字符编码声明、样式链接、脚本引用等。 - body标签：包含了文档的可见内容，如标题、段落、链接、图片、表格、列表等。【知识点三】：HTML标签的使用 HTML标签分为单标签和双标签两种类型： - 单标签：如<img>、<br>等，它不需要闭合标签，用于插入图片、换行等功能。 - 双标签：如<p>、<a>等，需要成对出现，包括一个开始标签和一个结束标签，用于定义段落、链接等功能。【知识点四】：HTML文档的基本组成部分 - 标题（title）：位于<head>标签内，定义了网页的标题，显示在浏览器的标签页上。 - 元数据（meta）：也位于<head>标签内，提供了关于HTML文档的信息，如字符集、描述、关键词等。 - 样式（style）：位于<head>标签内，定义了CSS样式，用于美化网页。 - 脚本（script）：位于<head>或<body>标签内，可以包含JavaScript代码，用于添加交互功能。 - 内容（content）：位于<body>标签内，是网页的主要部分，包含了所有可见的页面内容。【知识点五】：HTML标题标签的级别 HTML中定义了六个级别的标题标签，分别是<h1>到<h6>。这些标题标签不仅表示文档中的标题级别，而且通常在搜索引擎优化（SEO）中扮演重要角色。搜索引擎使用标题标签来了解页面内容的结构和主题。【知识点六】：HTML链接标签<a> HTML的<a>标签用于创建超链接，允许用户点击链接跳转到另一个文档或者当前页面的其他位置。链接的目标URL可以在href属性中设置。链接可以是内部链接（指向同一网站的另一页面）或外部链接（指向另一个网站）。【知识点七】：HTML图片标签<img> HTML的<img>标签用于在网页上嵌入图片。它的主要属性src指定了图片的来源，alt提供了图片的替代文本，用于图片无法显示时向用户解释图片内容。【知识点八】：HTML中的列表 HTML中的列表分为无序列表（<ul>）、有序列表（<ol>）和定义列表（<dl>）三种类型。无序列表通常使用圆点、方框等符号作为项目符号，有序列表则按照数字或字母顺序排列，定义列表用于展示术语和定义。【知识点九】：HTML表格标签<table> HTML的<table>标签用于创建表格。表格由行（<tr>）、列（<td>）以及可选的表头（<th>）组成。表头单元格默认加粗居中显示，用于表示表格的列标题。【知识点十】：HTML的语义化和可访问性语义化是指使用恰当的HTML标签来表示内容的意图和结构，如使用<header>、<footer>、<article>、<section>等语义化标签。良好的语义化有助于提高网页的可访问性，使得屏幕阅读器等辅助设备能够更好地解析网页内容，为视障用户提供更好的访问体验。【知识点十一】：HTML5的新特性 HTML5是最新版本的HTML标准，它引入了许多新元素和API，包括新的内容类别的标签（如<nav>、<article>、<aside>、<section>、<figure>等），以及用于构建现代Web应用的API，如Canvas API、SVG、视频和音频播放、地理定位等。【知识点十二】：GitHub Pages的使用 GitHub Pages是GitHub提供的一个服务，允许用户将个人、组织或项目的静态网站直接托管在GitHub上。用户可以通过创建一个特定命名的仓库来使用GitHub Pages服务，例如“用户名.github.io”。GitHub Pages支持Jekyll这一静态网站生成器，可以方便地构建和发布网站。【知识点十三】：HTML文档的发布和管理通过使用GitHub Pages，用户可以将HTML文档通过Git版本控制进行管理。这意味着可以跟踪HTML文档的变更历史，协作编写网站内容，并且可以回退到文档的旧版本。【知识点十四】：域名绑定和SSL加密 GitHub Pages允许用户将自定义域名绑定到他们的网站上，提供个性化的访问地址。此外，GitHub Pages还支持HTTPS，这意味着通过SSL/TLS加密，用户网站的通信可以更加安全。【知识点十五】：HTML的调试和验证在发布HTML文档之后，开发者通常需要使用开发者工具（如浏览器自带的开发者工具）或在线HTML验证工具来调试和验证文档的代码，确保网页的正确显示和功能的正常使用。

资源目录

收起资源包目录

GitHub Pages网站搭建与HTML基础教程（7个子文件）

Build.wasm.framework.unityweb 90KB

Build.data.unityweb 2.51MB

UnityLoader.js 153KB

Build.json 430B

index.html 1KB

README.md 20B

Build.wasm.code.unityweb 4.22MB

共 7 条

PeterLee龍羿學長

粉丝: 41

GitHub Pages网站搭建与HTML基础教程

javagrunt.github.io:Javagrunt网站

limaofu.github.io：我的个人网页网址https：limaofu.github.io

kylinolap.github.io:kylinop.github.io 和 kylin.io 的网页

hottahd.github.io：查看github https：github.comhottahdhottahd.github.io

mahlaiv.github.io：mahlaiv.github.io

gongchangwangpi.github.io:zhangbo.github.io

redxraw.github.io:redxraw.github.io

hjlarry.github.io:hjlarry.github.io

muhammedbasilsk.github.io:muhammedbasilsk.github.io

lhgzsmc.github.io:lhgzsmc.github.io

最新资源