Web前端开发（HTML部分之基础概念篇一）——什么是网页，什么是HTML，什么是Web标准（重点）

原创 已于 2025-02-23 21:28:54 修改 · 561 阅读 · 4 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
GEO检测
标签
#html5 #css3 #javascript
于 2025-02-22 22:45:22 首次发布

目录

一、什么是网页

二、什么是HTML

三、什么是Web标准

一、什么是网页

网页：以.htm或.html为后缀，俗称HTML文件

网站：众多网页的集合

浏览器内核（亦称为渲染引擎）：读取网页内容，整理讯息，计算网页的显示方式并显示页面

（下图为网页、网站、浏览器的关系图）

二、什么是HTML

HTML：用来描述网页的语言，称为超文本标记语言（Hyper Text Markup Language）

三、什么是Web标准

Web标准的作用：通过Web标准，不同的浏览器展示统一的内容

Web标准的构成：结构、表现、行为

构成部分作用
结构网页元素的整理与分类（HTML）
表现设置网页元素的版式、颜色、大小等外观样式（CSS）
行为网页模型的定义和交互（Javascript）

我的主页前端开发专题会持续更新一套系统的前端开发技术，从HTML到CSS再到Javascript，适合零基础的新手入门和进阶，不掺杂冗余内容，旨在帮助大家迅速而全面地学习前端开发。

下一篇：Web前端开发（HTML部分之基础概念篇二）——HTML语法规范、HTML基本结构标签、HTML基本架构解析

web前端开发基础教程一
热门推荐
m0_64365419的博客
09-26 1万+
简单的来说，en就是英文网页，zh-CN就是中文网页。但这并不意味着，我们一旦定义好语言，就不能在其中书写别的语言了，只是说为了展现当前页面的语言而已。那么它的作用就体现在，假如说当前的页面使我们不熟悉的语言，那么我们可以进行翻译。
网页、网站和HTML
weixin_44293567的博客
05-13 869
一、什么是网页？ 网页是网站中的一“页”，通常是HTML格式的文件。 它通常由文字、图片、视频、音频、链接等元素组成，以“.htm”或“.html”为后缀结尾的文件，又被称之为HTML文件。 元素由html标签在html文件中描述出来，然后通过浏览器解析来显示给用户。 二、什么是网站？ 网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。 三、网页和网站的关系？ 网页是构成网站的基本元素。网站是网页的集合。 四、什么是HTML？ HTML（HyperTe.
HTML简介和网页相关概念
weixin_43041350的博客
04-25 397
HTML简介和网页相关概念 网页的基本组成 网站，就是许多个网页的集合，网站构成的基本元素就是网页， 网页，通常是HTML格式（后缀名一般是.htm或.html），通过浏览器来阅读；由图片，声音，视频，链接，文字，视频等元素组成；本质就是一个html文件 网页的形成： HTML标签→浏览器渲染→生产Web页面,呈现界面 什么是HTML HTML，是一门描述性语言，标记语言， 全称“Hyper Text Markup Language（超文本标记语言）” 超文本的双重含义： 1.超越文本限制，还可以加
HTML语言与网页之间的关系,html和css之间有什么区别？
weixin_35680955的博客
05-31 754
HTML和CSS是核心的Web脚本语言，其主要用途是创建网页和Web应用程序。那么它们之间有什么区别？下面本篇文章就来给大家介绍一下HTML和CSS之间的区别，希望对大家有所帮助。什么是HTML？HTML称为超文本标记语言(HyperText Markup Language)，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整...
html学习_网页与html直接的关系
weixin_34137799的博客
02-24 199
转载于:https://www.cnblogs.com/yangyutian/p/10427108.html
Web前端开发概述（一）
小田是个程序员的博客欢迎你的到来呀~
07-14 2716
前端开发是编写Web页面或App端等前端界面并呈现给用户的过程，通过HTML、CSS、JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
Web前端开发-基础知识
2302_77228054的博客
09-06 8971
Web 前端开发是构建和优化网站用户界面的过程，主要包括实现用户界面的结构（HTML）、样式（CSS）和交互（JavaScript）功能。前端开发的目标是确保网站在各种设备和浏览器上都能良好地运行，并提供最佳的用户体验。
新手教程，小白学web前端开发—HTML5+css3
m0_57095106的博客
05-01 1712
2005年以后，互联网进入了web2.0的时代，各种类似的桌面软件的web应用大量涌现，网站的前端，由此发生了翻天覆地的变化。网站不再只承载单一的文字和图片，各种丰富的媒体让网页的内容更加生动，网页的各种交互形式为用户带来了更好的体验，都基于前端的技术实现，好了废话不多说，让我们简单的体验一下如何制作一个网页！1、接下来让我们认识什么是web前端开发=========================以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。一个简单的网页就做好了，很简单吧！
html+css+javascript之间的关系与作用
zhouxing的博客
09-24 7262
三者间的关系 一个基本的网站包含很多个网页，一个网页由html, css和javascript组成。 html是主体，装载各种dom元素；css用来装饰dom元素；javascript控制dom元素。 用一扇门比喻三者间的关系是：html是门的门板，css是门上的油漆或花纹，javascript是门的开关； html介绍 html是用来描述网页的一种语言，它不是一种编程语言，而是一种标记语言（标记标签），总的来说，html使用标记标签来描述网页，本文就用标签来代替标记标签进行说明。 标签是指&l
从 Canvas 到 Vibe Coding：HTML5 游戏开发入门与 AI 飞机大战实战
meilindehuzi_a的博客
06-16 1817
本文围绕 HTML5 中的 Canvas 技术展开，从网页游戏的发展背景出发，系统介绍了 Canvas 画布的基本概念、绘图上下文获取方式以及常用绘图 API 的使用方法。通过矩形绘制、边框绘制和画布清除等案例，帮助读者理解 Canvas 的坐标体系与绘图原理。随后结合动画示例，深入讲解了浏览器动画实现机制、游戏循环思想以及 `requestAnimationFrame` 的工作原理，并分析其相较于 `setInterval` 的性能优势。
HTML5 Canvas 从入门到动画：把浏览器的画布玩明白
2501_93610289的博客
06-20 540
HTML5 带来的新特性里，Canvas 可能是最「不像 Web」的那一个。我们习惯了用 div、span、section 拼页面，习惯了 DOM 树、CSS 盒模型、BFC 这些概念。但 Canvas 完全不按这套逻辑出牌——它只有一个标签<canvas>，剩下的全靠 JS 一笔一笔画出来。没有 DOM 节点，没有样式表，你拿到的是一块像素级的画布，想画什么，代码说了算。这听起来很原始，但恰恰是这种「原始」给了它极大的发挥空间。
从Canvas到requestAnimationFrame：深入HTML5动画与游戏背后的核心原理
2403_88631208的博客
06-17 409
当你打开一个炫酷的数据大屏，或者一个在浏览器里流畅运行的HTML5小游戏，背后支撑这一切的往往是同一个技术——Canvas。但很多人写Canvas动画时，习惯性地复制粘贴，并不清楚每一帧发生了什么，更不理解为何比高级。本文不打算贴出一整篇雷霆战机代码或长篇ECharts配置（那些只是应用示例）。Canvas 的基础绘图API动画中的清除与重绘、以及浏览器的帧动画调度器。读完此文，你不仅能流畅写出动画，还能讲清楚它为什么“顺滑且省电”。适合读者：有JS基础，想系统掌握Canvas动画原理的前端开发者。
HTML5
最新发布
jessfou的博客
06-21 234
article 指定独立、自包含的内容，如文章、帖子、杂志、新闻、博客、评论等。HTML5 在狭义上是指新一代的 HTML 标准，在广义上是指整个前端。section 定义文档中的一个节，如某段文字，通常里面会包含标题。HTML中的保留字符必须替换为字符实体，如小于号。a标签是行内元素，但可以包裹除它自身外的任何元素。新增了一些语义化标签、全局属性，更加侧重语义化。新增了多媒体标签，可以很好的替代 flash。span：没有语义，用于包裹短语的通用容器。有些特殊的属性没有属性名，只有属性值，如。
使用HTML写一个悬浮摄像头，可拖拽、放大、缩小
weixin_52803316的博客
06-13 842
这段代码实现了一个可拖拽、可调整大小的悬浮摄像头窗口。主要功能包括：1) 通过浏览器API调用用户摄像头并显示实时画面；2) 窗口可自由拖动位置；3) 提供8个方向的调整手柄，支持窗口大小调整并设置最小尺寸限制（160×120px）；4) 采用固定定位，始终悬浮在其他页面内容之上。界面为黑色圆角矩形，带有阴影效果，光标会根据操作区域自动变化形状，提供直观的交互体验。
vue实现三角抽象思维计算矩形面积
cf8833的博客
06-20 300
这篇文章摘要： Vue组件实现了一个可交互的直角三角形与内嵌矩形绘图工具。用户可通过控件调整直角三角形的两条直角边长度(AB和AC)以及内嵌矩形的宽度和高度比例。组件实时计算并显示三角形面积、矩形面积及其占比、斜边长度等几何数据。绘图功能使用Canvas API实现，包含网格背景、三角形和矩形的绘制、顶点标注和尺寸标注。关键特性包括：响应式数据绑定、实时图形更新、面积计算和百分比显示。当矩形顶点F位于斜边BC上时，满足宽度比例+高度比例=1的关系。
基于java Web 训练管理系统设计与实现 源码 论文
qq_251836457的博客
06-17 2537
用户信息实体，主要包括 用户编号,用户名,密码,姓名,性别,出生日期,证件号,民族,政治面貌,单位,入伍时间,照片,班级,排 等信息实体。1 用户( 用户编号,用户名,密码,姓名,性别,出生日期,证件号,民族,政治面貌,单位,入伍时间,照片,班级,排 )讨论信息实体，主要包括 讨论编号,疑问,说明,发布人,发布时间,状态,回答 等信息实体。系统主要用户实体,班级实体,排实体,科目实体,成绩实体,教学视频实体,教学理论实体,讨论实体，如图所示。班级信息实体，主要包括 班级编号,班级 等信息实体。
Claude Code 从安装到调用的保姆级指南（MacOS）
m0_53581755的博客
06-18 115
本文详细介绍了在macOS上安装配置Claude Code的完整流程。主要内容包括：1）安装Node.js（推荐18+版本）；2）通过npm安装Claude Code；3）使用88api中转服务配置API连接（含获取API Key和两种配置方式）；4）VSCode插件的额外配置；5）常见问题排查方法（如连接失败的处理）。教程提供了从环境准备到实际使用的完整解决方案，特别针对国内用户无法直连的问题给出了中转服务配置方案，并附有详细的命令行操作指导和注意事项，帮助用户快速上手Claude Code。
Vue2 + flv.js 对接海康威视摄像头实现数据大屏实时视频监控（完整方案）
pony君的博客
06-18 449
本文介绍了在Vue2数据大屏中对接海康威视摄像头的完整方案，解决浏览器无法直接播放RTSP流的问题。通过对比HTTP-FLV、HLS、WebRTC等技术方案，最终采用HTTP-FLV为主+HLS为备选的策略，利用flv.js和hls.js实现低延迟视频监控。文章详细说明了整体架构设计、前端实现代码（包括分屏布局、播放器初始化等关键代码），并分享了实际项目中的技术选型经验和解决方案。该方案适用于工业MES系统、仓储管理等需要实时监控的场景，支持2x2/4x4分屏切换，已在淀粉厂MES系统中成功应用。
机场设备管理系统 - 项目完整文档
格子杰的博客
06-20 498
机场设备管理系统摘要 机场设备管理系统是一个专为机场设计的设备监控与管理平台，主要功能包括： 设备全生命周期管理：跟踪设备从入库、备机、安装使用到维修的全过程状态（使用中/备机/损坏/送修） 核心业务功能： 实时监控设备状态 故障设备快速更换（备机调配） CUSS自助值机机耗材管理 值机岛/登机口等站点配置 完整的变更历史追溯 技术架构： 采用Next.js框架构建 包含仪表盘、设备管理、站点管理等模块 使用TypeScript定义数据模型 提供CSV导入导出功能 支持PostgreSQL/MySQL数据库
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值