学习笔记 - 知识小站

HTML5 基础入门学习

2026-06-10 分类：前端开发 HTML入门

什么是 HTML5

HTML（HyperText Markup Language）是用于创建网页的标准标记语言。HTML5 是 HTML 的第五个大版本，新增了语义化标签、Canvas 绘图、本地存储等众多功能。

基本文档结构

一个标准的 HTML5 文档包含以下基本结构：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>页面标题</title>
</head>
<body>
    <h1>标题</h1>
    <p>段落内容</p>
</body>
</html>

语义化标签

HTML5 引入了多个语义化标签，使页面结构更加清晰：

<header> — 定义页面或区域的头部
<nav> — 定义导航链接区域
<main> — 定义页面主体内容
<article> — 定义独立的文章内容
<footer> — 定义页面或区域的底部

学习心得

学习 HTML5 的过程中，最重要的是理解语义化的意义。合理使用语义化标签不仅有助于搜索引擎优化，也能让代码结构更加清晰易读。后续将继续深入学习 CSS3 和 JavaScript 的相关知识。

CSS Flexbox 布局学习笔记

2026-06-08 分类：前端开发 CSS布局

Flexbox 简介

Flexbox（弹性盒子布局）是 CSS3 中引入的一种新的布局模式，主要用于实现灵活的页面布局方案，特别适合一维布局。

常用属性

display: flex — 启用弹性布局
justify-content — 主轴方向对齐方式
align-items — 交叉轴方向对齐方式
flex-direction — 主轴方向（row / column）
flex-wrap — 是否换行

学习心得

Flexbox 相比传统的浮动布局要简洁很多，尤其是垂直居中对齐的问题，用 Flexbox 几行代码就能解决。建议在实际项目中多练习使用。

Linux 常用命令整理

2026-06-05 分类：系统运维 Linux命令

文件管理

ls -la          # 列出所有文件及详细信息
cd /path        # 切换目录
mkdir dirname   # 创建目录
rm -rf dirname  # 删除目录
cp source dest  # 复制文件
mv source dest  # 移动文件

权限设置

chmod 755 file  # 修改文件权限
chown user:group file  # 修改文件所有者

网络相关

curl url        # 发送 HTTP 请求
wget url        # 下载文件
ping host       # 测试网络连通

学习心得

Linux 命令需要在日常使用中不断积累和练习，建议在学习过程中随时查阅 man 手册，深入理解每个命令的用法和参数含义。