HTML 基础知识及名词解释
1. 名词解释
| 序号 |
名词 |
解释 |
举例 |
| 1 |
超文本 |
是指包含有超链接的文本 |
|
| 2 |
标记 |
就是用来描述内容的固定标签 |
|
| 3 |
语言 |
html 并不编程语言,只是书写 html 文档的工具 |
|
| 4 |
模式 |
也称”协议”,浏览器如何访问这个文件 |
http,https,ftp,mailto… |
| 5 |
主机名 |
使用”域名”或”IP”表示 |
https://www.php.cn/,或者http://127.0.0.1/ |
| 6 |
路径 |
使用一个或多个正斜线分割的字符串 |
public/admin |
| 7 |
文件名 |
最后一个路径后面的,带有扩展名的文档 |
ablut.html |
2. HTML 文档的构成
| 序号 |
内容 |
描述 |
举例 |
| 1 |
文本内容： |
用户看到的文字内容 |
网页中的文字内容 |
| 2 |
外部引用数据： |
数据本身不属于自身文档，需要从外部引入 |
图片，视频，css 文件等 |
| 3 |
标签 |
用来描述文本和外部引用数据的标记 |
<p>, <img> |
3. 基本的 html 页面
<!-- html5文档声明 --><!DOCTYPE html><!-- 文档编写语言为英文 --><html lang="en"> <head> <!-- 文档字符集为utf-8 --> <meta charset="UTF-8" /> <!-- 声明视口宽度为设备宽度，缩放比例为1 --> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!-- 页面标题 --> <title>HTML5页面结构</title> </head> <body> <!-- 页面主体内容 --> <h2>PHP中文网欢迎您...</h2> </body></html>
4. 字符实体
- 多个空格,制表符,回车符,换行符,都会被压缩为一个空格
- 常用转义字符表
| 序号 |
字符 |
描述 |
转义字符 |
实体编号 |
| 1 |
' ' |
空格 |
nbsp; |
  |
| 2 |
< |
小于 |
< |
< |
| 3 |
> |
大于 |
> |
> |
| 4 |
& |
&符号 |
& |
& |
| 5 |
" |
双引号 |
" |
" |
| 6 |
© |
版权 |
© |
© |
| 7 |
® |
已注册商标 |
® |
® |
| 8 |
× |
乘号 |
× |
× |
| 9 |
÷ |
除号 |
÷ |
÷ |
5. 文件与文件夹命名
- 全部使用小写字母:
chapter1/demo1.html - 采用合适的扩展名:
.html, 不要用.htm - 坚持使用连接线
-,而不是下划线_分隔多个单词
6. 相对路径
| 序号 |
使用场景 |
举例 |
| 1 |
引用同一目录下文件 |
直接写文件名,如demo2.html |
| 2 |
引用子目录下文件 |
目标文件前带上子目录名,使用目录分隔符/连接,如chapter2/demo2.html |
| 3 |
引用上层目录的文件 |
文件名前添加二个点,同样使用目录分隔符/连接,允许逐级向上查询,如../../demo2.html |
| 4 |
根路径/ |
为防止过多层级的向上递归查询,可以从当前服务器根目录开始查询,如/admin/books/chapter2/ |
