Skip to Content
开发🎨 前端开发Web 基础教程

HTML、CSS、JavaScript 是构建网页的基础技术。

  • HTML 用于定义网页的结构和内容。
  • CSS 用于定义网页的样式和布局。
  • JavaScript 和 API 用于添加交互和动态效果。

基础教程看 入门模块 - 学习 Web 开发 即可。

通用文件路由规则

当引用的目标文件与 HTML 文件处于同一目录层级时,你只需直接使用文件名即可完成引用。

例如,若要引用与 HTML 文件同级的图片文件,可直接写为 my-image.jpg

若你需要引用子目录中的文件,应当在路径前面写上对应的目录名,然后加上一个正斜杠。

举例来说,若要引用 subdirectory 子目录下的 my-image.jpg 文件,引用路径可写为 subdirectory/my-image.jpg

倘若引用的目标文件位于 HTML 文件所在目录的上级目录,此时需要在路径前加上两个点(..)。

例如,假设 index.html 文件位于 test-site 目录的一个子文件夹内,而 my-image.jpg 文件就在 test-site 目录下,那么从 index.html 文件引用 my-image.jpg 文件时,可使用 ../my-image.jpg 这样的路径。

命令行基础

基本路径操作

# 切换目录 cd C:\Program Files
# 返回上级目录 cd ..
# 显示当前路径 chdir

目录操作

# 创建新目录 mkdir project
# 创建多级目录(自动创建不存在的父目录) mkdir parent\child\grandchild
# 删除空目录(需确保目录为空) rmdir empty_folder

文件操作

# 列出目录内容(显示隐藏文件) dir /A
# 复制文件(保留元数据) copy source.txt destination\backup.txt
# 移动/重命名文件 move oldname.txt renamed.txt

网络诊断

# 持续测试网络连通性(默认4次) ping baidu.com
# 显示完整网络配置(包含MAC地址) ipconfig /all
# 强制刷新DNS解析缓存 ipconfig /flushdns

进程管理

# 列出所有运行进程(包含系统服务) tasklist
# 强制结束指定进程(/F参数) taskkill /IM notepad.exe /F

命令历史

# 查看命令历史 doskey /history
# 清空屏幕 cls

HTTP 响应状态代码

常见的 HTTP 响应状态代码如下:

  • 200 OK:请求成功。
  • 301 Moved Permanently:永久重定向。
  • 302 Found:临时重定向。
  • 400 Bad Request:客户端请求错误。
  • 401 Unauthorized:未授权访问。
  • 403 Forbidden:访问被禁止。
  • 404 Not Found:未找到资源。
  • 500 Internal Server Error:服务器内部错误。
  • 503 Service Unavailable:服务不可用。

更多内容参考:MDN HTTP 状态码参考

服务器端语言和框架

HTML、CSS 和 JavaScript 是前端(客户端)语言,在浏览器运行,构建用户交互的前端界面。

后端(服务器端)语言在服务器执行操作,处理完将结果发至浏览器。常见操作是从数据库取数据,生成含数据的 HTML 再发送给用户。

典型服务器端框架和语言有:ASP.NET(C#)、Django(Python)、Laravel(PHP)、Next.js(JavaScript)。

客户端和服务器端语言也可分为静态和动态。纯 HTML 存于服务器,请求时原封不动传至客户端渲染,称“静态”文件。而服务器端代码生成的 HTML 内容会随代码逻辑变化,称“动态”文件。

不过,静态和动态概念并非绝对,有重叠。服务器端语言常通过模板文件定义 HTML 结构,多为静态,含根据数据变化的动态部分。

字符引用

HTML 中,有些字符需要用特殊的字符引用表示,否则会被解析为 HTML 标签。

常见字符引用如下:

符号字符引用名称
<&lt;小于号
>&gt;大于号
&&amp;和号
&quot;双引号
&apos;单引号

其他资料

Last updated on