当前位置: 首页 > news >正文

web基础:域名、网页、HTML、web版本


文章目录

    • 引言
    • 域名
      • 网站访问方式
      • 域名结构
      • 域名解析
      • 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 等)所取代。

常用动态网页编程语言

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

相关文章:

  • 城市轨道交通网络客流大数据可视化分析系统----以某市交通网络客流数据为例
  • python select interpreter vscode 配置
  • 【RabbitMQ】消息堆积、推拉模式
  • 手机通过安装视频采集APP软件,采用国标28181方式注册到AS-V1000视频监控平台来播放实时监控视频画面
  • 甘蔗茎节检测系统源码分享
  • Spring Boot,在应用程序启动后执行某些 SQL 语句
  • vue初学随笔
  • web群集--rocky9.2部署zabbix服务端的详细过程
  • 【JavaEE】——线程的安全问题和解决方式
  • Vue3使用hiprint——批次打印条码
  • 【初阶数据结构】详解二叉树 - 树和二叉树(三)(递归的魅力时刻)
  • LeetCode(Python)-贪心算法
  • css五种定位总结
  • 什么是共享旅游卡?解析共享旅游创业项目认知与代理攻略
  • 【RabbitMQ】RabbitMQ 的概念以及使用RabbitMQ编写生产者消费者代码
  • Angular6错误 Service: No provider for Renderer2
  • Date型的使用
  • electron原来这么简单----打包你的react、VUE桌面应用程序
  • HTTP请求重发
  • Javascript Math对象和Date对象常用方法详解
  • node学习系列之简单文件上传
  • vue从入门到进阶:计算属性computed与侦听器watch(三)
  • 基于Dubbo+ZooKeeper的分布式服务的实现
  • 将回调地狱按在地上摩擦的Promise
  • 前端面试之闭包
  • 容器化应用: 在阿里云搭建多节点 Openshift 集群
  • 融云开发漫谈:你是否了解Go语言并发编程的第一要义?
  • 通过npm或yarn自动生成vue组件
  • 一个6年java程序员的工作感悟,写给还在迷茫的你
  • 自动记录MySQL慢查询快照脚本
  • ionic入门之数据绑定显示-1
  • ​七周四次课(5月9日)iptables filter表案例、iptables nat表应用
  • # dbt source dbt source freshness命令详解
  • # linux 中使用 visudo 命令,怎么保存退出?
  • #QT(智能家居界面-界面切换)
  • #stm32驱动外设模块总结w5500模块
  • ()、[]、{}、(())、[[]]命令替换
  • (14)目标检测_SSD训练代码基于pytorch搭建代码
  • (173)FPGA约束:单周期时序分析或默认时序分析
  • (6)STL算法之转换
  • (C#)if (this == null)?你在逗我,this 怎么可能为 null!用 IL 编译和反编译看穿一切
  • (MATLAB)第五章-矩阵运算
  • (pytorch进阶之路)CLIP模型 实现图像多模态检索任务
  • (不用互三)AI绘画:科技赋能艺术的崭新时代
  • (翻译)terry crowley: 写给程序员
  • (附源码)ssm本科教学合格评估管理系统 毕业设计 180916
  • (附源码)小程序儿童艺术培训机构教育管理小程序 毕业设计 201740
  • (精确度,召回率,真阳性,假阳性)ACC、敏感性、特异性等 ROC指标
  • (蓝桥杯每日一题)平方末尾及补充(常用的字符串函数功能)
  • .NET : 在VS2008中计算代码度量值
  • .net Application的目录
  • .net core 6 使用注解自动注入实例,无需构造注入 autowrite4net
  • .Net Core 微服务之Consul(三)-KV存储分布式锁
  • .NET Framework 的 bug?try-catch-when 中如果 when 语句抛出异常,程序将彻底崩溃
  • .Net插件开发开源框架