前端基础课堂笔记

📌 一、HTML 图片路径知识点

这是网页开发里的高频考点，记住三种场景的写法：

1. 图片与网页文件同文件夹
   直接写文件名即可：

html

2. 图片在网页文件的下一级文件夹
   格式： 文件夹名/文件名

html

3. 图片在网页文件的上一级文件夹
   格式： ../文件名 ，多级目录就叠加 ../

html

📌 二、HTML 基本结构

网页的骨架模板，所有内容都要套在这个结构里：

html

📌 三、常用标签速记

标签 作用 示例写法

-

标题（h1级别最高）

首页标题

段落（自动换行）

这是一段正文

强制换行

第一行
第二行

插入图片 超链接 链接

块级容器（占整行）

区块内容

行内容器（不换行） 行内文字 📌 四、CSS 基础样式

用来美化网页，简单示例：

css

/* 文字颜色 */
p { color: #333; }

/* 字体大小 */
h1 { font-size: 24px; }

/* 文本居中 */
div { text-align: center; }

/* 设置宽高 */
.box { width: 300px; height: 200px; }