文章目录
- 引言
- 域名
- 网站访问方式
- 域名结构
- 域名解析
- DNS解析过程
- 网页
- 网页文件类型
- 静态网页与动态网页
- 常用动态网页编程语言
- HTML
- HTML 语法规则
- HTML 文件结构
- HTML 文件基本结构示例：
- 常用 HTML 标签
- HTML文件基本结构
- WEB
- 版本
引言
web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。
域名
网站访问方式
- 通过IP地址访问：可以直接通过网站的IP地址访问。
- 通过域名访问：域名用于替代IP地址，因为IP地址不易记忆。
域名结构
主机名.子域.二级域.顶级域. (根域)
域名解析
- 流程：先使用本地
hosts文件，如果没有记录则通过DNS解析。
DNS解析过程
- 步骤：客户端 -> 本地域名服务器 -> 根域名服务器 -> 顶级域名服务器 -> 二级域名/子域名服务器 -> 根据主机名解析出IP地址。
- 查询方式：递归查询、迭代查询。
网页
网页文件类型
- HTML文件：后缀通常为
.html或.htm。
静态网页与动态网页
-
静态网页：
静态网页是由纯 HTML 格式制作的标准网页，文件扩展名通常为
.htm或.html。它是网站建设的基础，页面内容固定，除非手动修改代码。虽然静态网页可以通过.GIF动画、Flash 等方式展示动态效果，但这些仅是视觉上的动态，内容不会随用户或环境变化。特点：
- 后缀通常为
.html、.htm、.shtml。 - 不支持后台数据库，不包含应用程序，无法交互。
- URL中不包含
?。
- 后缀通常为
-
动态网页：
动态网页使用编程技术，页面内容可以根据时间、用户操作或数据库结果动态生成。与静态网页不同，动态网页的 URL 通常包含特殊后缀（如
.php,.asp,.jsp），并且常带有 “?” 用于传参。动态网页结合了 HTML、编程语言（如 Java、PHP、C#）和数据库技术，支持更复杂的交互和自动化管理。特点：
- 支持后台数据库，页面可交互，内容可自动更新。
- 使用PHP、Java、Python等语言编写。
- URL中包含
?传参。
-
动态网页语言：
早期动态网页使用 CGI（通用网关接口）技术，但由于编程复杂、效率低，逐渐被更现代的编程技术（如 PHP、Java 等）所取代。
常用动态网页编程语言
-
PHP (Hypertext Preprocessor)
PHP 是目前最流行的脚本语言之一。其语法借鉴了 C、Java 和 Perl 等编程语言，并且非常容易上手。即使没有丰富的编程经验，开发者也能用 PHP 构建出交互式的网站。它广泛应用于互联网中的各种应用和服务。
-
JSP (Java Server Pages)
JSP 是一种由 Sun Microsystems 公司于 1999 年推出的基于 Java 的网页开发技术。JSP 依赖于 Java Servlet 技术，允许开发者在 HTML 页面中嵌入 Java 代码。它的优势在于可以充分利用 Java 的功能和安全性，适用于大型、复杂的 Web 项目。
-
Python
Python 是一种动态、面向对象的高级编程语言。最初用于编写自动化脚本，随着其发展，它被广泛应用于 Web 开发、数据分析、机器学习等领域。Python 的语法简洁、易于学习，并且跨平台兼容性强，常用于大型项目开发。
-
Ruby
Ruby 是一种简单易用的面向对象脚本语言。它的灵感源自 Perl、Smalltalk、Eiffel 等编程语言，由日本开发者松本行弘（Yukihiro Matsumoto）于 1990 年代开发。Ruby 以简洁的语法和快速开发著称，常用于 Web 应用开发，尤其是在 Ruby on Rails 框架中。
HTML
HTML（超文本标记语言）是一种用于创建网页的标准语言。它通过 标记符号 来描述网页中的各个部分，以便浏览器知道如何显示内容。网页文件本质上是文本文件，开发者可以通过添加标记符来定义网页的结构和内容呈现方式。
HTML 文件可以通过任何能够生成纯文本文件的编辑器来编辑。只需将文件扩展名修改为 .html 或 .htm，即可使其成为 HTML 文件。
HTML 语法规则
HTML 标签通常采用双标记符的形式，包含起始标签和结束标签。起始标签形如 <标签名>，结束标签为 </标签名>，中间的内容会被该标签定义的样式或功能所影响。
HTML 文件结构
HTML 文件的基本结构由 <html></html> 包裹，表明该文件是用 HTML 描述的。内部包括两个主要部分：
- 头部标签 (
<head>)：用于描述网页的元数据。 - 内容标签 (
<body>)：用于定义网页的实际显示内容。
HTML 文件基本结构示例：
<html>
<head>网页的内容描述信息</head>
<body>网页显示的内容</body>
</html>
常用 HTML 标签
头部标签
| 标签 | 描述 |
|---|---|
<title> | 定义网页的标题，显示在浏览器标签页中 |
<base> | 指定页面链接的默认基础地址 |
<link> | 定义文档与外部资源之间的关系 |
<meta> | 用于定义 HTML 文档的元数据 |
<script> | 引入客户端脚本（如 JavaScript） |
<style> | 定义文档的样式，例如 CSS |
内容标签
| 标签 | 描述 |
|---|---|
<table> | 定义一个表格 |
<tr> | 定义表格中的一行 |
<td> | 定义表格中的一列 |
<img> | 插入图像 |
<a> | 定义超链接 |
<p> | 定义一个段落 |
<br> | 插入换行符 |
<font> | 定义字体样式 |
<h1> | 定义标题，h1为最大标题 |
HTML文件基本结构
<html>
<head>
<title>网页标题</title>
</head>
<body>
<p>网页内容</p>
<br>
<img src="图片路径" />
</body>
</html>
WEB
版本
WEB1.0：静态内容，单向信息流。
WEB2.0：动态交互，用户生成内容，社交网络繁荣。
WEB3.0：语义网、去中心化、AI驱动、隐私控制增强。
WEB4.0：未来展望，万物互联、全沉浸式体验。
注：图片来源于网络，侵删。
