web基础:域名、网页、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 等)所取代。

常用动态网页编程语言

  1. PHP (Hypertext Preprocessor)

    PHP 是目前最流行的脚本语言之一。其语法借鉴了 C、Java 和 Perl 等编程语言,并且非常容易上手。即使没有丰富的编程经验,开发者也能用 PHP 构建出交互式的网站。它广泛应用于互联网中的各种应用和服务。

  2. JSP (Java Server Pages)

    JSP 是一种由 Sun Microsystems 公司于 1999 年推出的基于 Java 的网页开发技术。JSP 依赖于 Java Servlet 技术,允许开发者在 HTML 页面中嵌入 Java 代码。它的优势在于可以充分利用 Java 的功能和安全性,适用于大型、复杂的 Web 项目。

  3. Python

    Python 是一种动态、面向对象的高级编程语言。最初用于编写自动化脚本,随着其发展,它被广泛应用于 Web 开发、数据分析、机器学习等领域。Python 的语法简洁、易于学习,并且跨平台兼容性强,常用于大型项目开发。

  4. 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:未来展望,万物互联、全沉浸式体验。

相关推荐
_.Switch21 分钟前
高级Python自动化运维:容器安全与网络策略的深度解析
运维·网络·python·安全·自动化·devops
2401_8504108322 分钟前
文件系统和日志管理
linux·运维·服务器
JokerSZ.26 分钟前
【基于LSM的ELF文件安全模块设计】参考
运维·网络·安全
XMYX-01 小时前
使用 SSH 蜜罐提升安全性和记录攻击活动
linux·ssh
芯盾时代1 小时前
数字身份发展趋势前瞻:身份韧性与安全
运维·安全·网络安全·密码学·信息与通信
王哈哈^_^1 小时前
【数据集】【YOLO】【目标检测】交通事故识别数据集 8939 张,YOLO道路事故目标检测实战训练教程!
前端·人工智能·深度学习·yolo·目标检测·计算机视觉·pyqt
cs_dn_Jie1 小时前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic2 小时前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js
心灵彼岸-诗和远方2 小时前
DevOps业务价值流:架构设计最佳实践
运维·产品经理·devops
一只哒布刘2 小时前
NFS服务器
运维·服务器