Blogger Information
Blog 2
fans 0
comment 0
visits 4754
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
html基本文档结构和常用名词解释
华山-风清扬
Original
1008 people have browsed it

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 页面

  1. <!-- html5文档声明 -->
  2. <!DOCTYPE html>
  3. <!-- 文档编写语言为英文 -->
  4. <html lang="en">
  5. <head>
  6. <!-- 文档字符集为utf-8 -->
  7. <meta charset="UTF-8" />
  8. <!-- 声明视口宽度为设备宽度,缩放比例为1 -->
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  10. <!-- 页面标题 -->
  11. <title>HTML5页面结构</title>
  12. </head>
  13. <body>
  14. <!-- 页面主体内容 -->
  15. <h2>PHP中文网欢迎您...</h2>
  16. </body>
  17. </html>

4. 字符实体

  • 多个空格,制表符,回车符,换行符,都会被压缩为一个空格
  • 常用转义字符表
序号 字符 描述 转义字符 实体编号
1 ' ' 空格 nbsp; &#160;
2 < 小于 &lt; &#60;
3 > 大于 &gt; &#62;
4 & &符号 &amp; &#38;
5 " 双引号 &quot; &#34;
6 © 版权 &copy; &#169;
7 ® 已注册商标 &reg; &#174;
8 × 乘号 &times; &#215;
9 ÷ 除号 &divide; &#247;

5. 文件与文件夹命名

  • 全部使用小写字母: chapter1/demo1.html
  • 采用合适的扩展名: .html, 不要用.htm
  • 坚持使用连接线-,而不是下划线_分隔多个单词

6. 相对路径

序号 使用场景 举例
1 引用同一目录下文件 直接写文件名,如demo2.html
2 引用子目录下文件 目标文件前带上子目录名,使用目录分隔符/连接,如chapter2/demo2.html
3 引用上层目录的文件 文件名前添加二个点,同样使用目录分隔符/连接,允许逐级向上查询,如../../demo2.html
4 根路径/ 为防止过多层级的向上递归查询,可以从当前服务器根目录开始查询,如/admin/books/chapter2/

Correcting teacher:天蓬老师天蓬老师

Correction status:qualified

Teacher's comments:不要重复提交
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post