文章目录
引言
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
<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
<html>
<head>
<title>网页标题</title>
</head>
<body>
<p>网页内容</p>
<br>
<img src="图片路径" />
</body>
</html>
WEB
版本
WEB1.0:静态内容,单向信息流。
WEB2.0:动态交互,用户生成内容,社交网络繁荣。
WEB3.0:语义网、去中心化、AI驱动、隐私控制增强。
WEB4.0:未来展望,万物互联、全沉浸式体验。