coding-heaven-blog
"coding-heaven-blog" 是一个基于GitHub Pages服务的个人博客项目,其地址为 "coding-heaven-blog.github.io"。这个博客很可能使用了Jekyll或其他静态网站生成器来创建,因为GitHub Pages特别支持这类工具,它们可以将Markdown或HTML源文件转化为完整的静态网站。 在标签中提到了 "HTML",这表明博客内容可能涉及HTML(超文本标记语言)的基础知识。HTML是网页设计的基础,用于定义页面结构和内容。以下是一些关于HTML的关键知识点: 1. **HTML元素**:HTML由一系列元素组成,每个元素都有其特定的标签,如`<head>`、`<body>`、`<h1>`、`<p>`等,它们定义了页面的不同部分和内容类型。 2. **结构标签**:例如`<header>`、`<nav>`、`<main>`、`<article>`、`<section>`和`<footer>`,这些标签有助于构建网页的逻辑结构。 3. **文本内容标签**:如`<h1>`到`<h6>`定义标题,`<p>`定义段落,`<a>`定义链接,`<em>`和`<strong>`分别表示强调和重要性。 4. **列表标签**:`<ul>`和`<ol>`创建无序和有序列表,`<li>`定义列表项。 5. **图像标签**:`<img>`用于插入图像,属性如`src`定义图像源,`alt`提供替代文本。 6. **表格标签**:`<table>`、`<tr>`、`<th>`、`<td>`用于创建数据表格。 7. **HTML5新增元素**:HTML5引入了许多新元素,如`<video>`和`<audio>`用于多媒体播放,`<canvas>`用于图形绘制,`<svg>`用于矢量图。 8. **属性**:所有HTML元素都可以有属性,如`class`用于CSS样式,`id`用于唯一标识,`src`和`href`用于链接资源。 9. **文档类型声明**:`<!DOCTYPE html>`告诉浏览器文档使用哪种HTML版本。 10. **响应式设计**:HTML5通过`<meta>`标签的`viewport`属性支持移动设备的响应式布局。 在压缩包中的文件名为 "coding-heaven-blog-main",这可能是博客的源代码仓库,可能包含以下几个部分: - `_config.yml`:Jekyll的配置文件,用于设置博客的基本信息、导航菜单等。 - `_posts`:存放Markdown格式的博客文章,日期和标题组合成文件名。 - `_includes`:包含可重用的HTML片段,如页头、页脚等。 - `_layouts`:定义不同类型的页面布局。 - `css`或`stylesheets`:存放样式表文件,用于定义页面外观。 - `js`或`javascripts`:可能包含JavaScript代码,用于实现交互功能。 - `images`或`img`:存储图片和其他媒体资源。 从这个项目的结构来看,开发者可能使用了Markdown语法编写博客内容,利用Jekyll将这些内容转换为HTML,然后通过GitHub Pages部署发布。学习和理解这些知识对于创建和维护个人博客至关重要。
- 1
- 粉丝: 28
- 资源: 4632
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助