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 标签。
常见字符引用如下:
符号 | 字符引用 | 名称 |
---|---|---|
< | < | 小于号 |
> | > | 大于号 |
& | & | 和号 |
” | " | 双引号 |
’ | ' | 单引号 |