网页游戏设计(HTML5入门)--- 基础知识篇

article/2025/10/14 2:58:47

01

1、网络游戏(Online Game)

指用户通过计算机互联网进行交互娱乐的电子游戏,通常以互联网为传输媒介,以游戏运营商和用户计算机作为处理终端,以专门的游戏客户端软件或浏览器为信息交互窗口。

2、客户端形式

这一种类型是由公司所架设的服务器来提供游戏,玩家们通过公司所提供的客户端来连上公司服务器以进行游戏,现称之为网络游戏的大都属于此类型。

3、浏览器形式

基于浏览器的游戏,也就是我们通常说的网页游戏,又称Web游戏,它不用下载客户端,简称页游。

4、网页游戏

1、定义:顾名思义就是基于Web浏览器的游戏,又称无端网游或网页游戏。以浏览器为客户端,无需下载,安装。
简单的说:只要用户打开浏览器输入网址就能进行游戏。区别于传统网游,无需实时操作看管,游戏就会采集资源,进行战斗等,因此受到广大有上网条件但空闲时间有限的人群,特别是白领上班族的追捧。
2、特点:
在这里插入图片描述
在这里插入图片描述

5、主要类型

ARPG 动作角色扮演
ACT 动作游戏
AVG 冒险游戏
MMO-RPG 大型多人在线角色扮演游戏
RPG 角色扮演
SLG 策略类
SLM 模拟经营

6、HTML5游戏优势

导流渠道丰富,具备快速填充市场的潜力
金融、航空、运营商等垂直渠道潜力巨大
跨界合作推广
现象级产品揭示用户获取能力

02

1、HTML(超文本标记语言)

1、HTML文档由嵌套的HTML元素构成
2、HTML元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码;开始标签常被称为(opening tag),结束标签常称为闭合标签(closing tag)。
在这里插入图片描述
3、HTML标签表示,包含于尖括号中,且大都是成对出现:“开标签”和“闭标签”
一对标签及二者之间包含的内容称作一个“元素”(element)
在开始与结束标签之间也可以封装另外的标签,包括标签与文本的混合。这些嵌套元素是父元素的子元素
4、标签属性:
开始标签可包含标签属性
作用包括:标识文档区块、将样式信息绑定到文档和为一些如 等的标签嵌入图像、引用图像来源等
一些元素如换行符,不允许嵌入任何内容,只需一个单一的空标签(类似于一个开始标签),无需结束标签
许多标签是可选的,如段落元素的闭合端标签
HTML浏览器或其他介质可以从上下文识别出元素的闭合端以及由HTML标准所定义的结构规则
5、核心元素
在这里插入图片描述
在这里插入图片描述

2、CSS(层叠样式表)

1、一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,由W3C定义和维护
2、CSS与HTML
CSS不能单独使用,必须与HTML或XML一起协同工作,为HTML或XML起装饰作用
HTML负责确定网页中有哪些内容,CSS确定以何种外观(大小、粗细、颜色、对齐和位置)展现这些元素
CSS可以用于设定页面布局、设定页面元素样式、设定适用于所有网页的全局样式
CSS可以零散地直接添加在要应用样式的网页元素上,也可以集中化内置于网页、链接式引入网页以及导入式引入网页
3、CSS规则
选择器(Selector):多个选择器可以半角逗号(,)隔开
属性(property):CSS1、CSS2、CSS3规定了许多的属性,目的在控制选择器的样式
值(value):指属性接受的设置值,多个关键字时大都以空格隔开
属性和值之间用半角冒号(:)隔开,属性和值合称为“特性”
多个特性间用“;”隔开,最后用“{ }”括起来

3、JavaScript

1、是一种动态类型、弱类型、基于原型的、解释型的高级编程语言,是基于原型、函数先行的多范式语言;支持面向对象编程、命令式编程以及函数式编程。
2、特点:
JavaScript是一种属于网络的解释性脚本语言,主要用来向HTML页面添加交互行为 在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)
(1) 脚本语言 (2) 基于对象 (3) 简单 (4) 动态性 (5) 跨平台性


http://chatgpt.dhexx.cn/article/xUyoAeGj.shtml

相关文章

计算机基础知识教程

计算机硬件Hardware系统 起源:十九世纪英国; 诞生:1946.2.15,美国宾州大学; 发展:电子管-》晶体管-》集成电路-》大规模集成电路-》超大规模集成电路; 目前:PC系列微型计算机&#x…

HTML5基础网页设计(加代码CSS)

简单网页的模板&#xff0c;多多支持&#xff0c;感谢。知识整理 目录 一、HTML5 简单网页设计&#xff1a; CSS修饰 一、HTML5 简单网页设计&#xff1a; <!DOCTYPE html> <html><head><meta charset"utf-8"><title>简单网页测试…

vue基础知识汇总

一、简介 1.vue是一套用于构建用户界面的渐进式JavaScript框架 2.特点&#xff1a; 采用组件化模式&#xff0c;提高代码复用率、且让代码更好维护声明式编码&#xff0c;让编码人员无需直接操作DOM&#xff0c;提高开发效率使用虚拟DOM优秀的Diff算法&#xff0c;尽量复用DO…

计算机基础知识点总结

系列文章目录 文章目录 系列文章目录一、计算机系统知识计算机组成进制转换数据编码校验码Flynn分类CISC与RISC流水线cache输入输出技术总线结构内存信息安全计算机性能局部性原理 编译原理文法 操作系统基础知识 软件工程软件生存周期系统分析基础&#xff1a;软件测试 计算机…

【WEB前端开发】基础知识大总结(HTML5+CSS3)

本文共一万七千字&#xff0c;十六个内容点&#xff0c;七十个知识点 目录 一、转义字符二、表单标签1、form标签2、input元素3、label 标签4、select 标签5、button 元素 三、语义化标签四、Head标签1、title 标签2、link标签3、style标签4、script 标签5、mate 标签6、base 标…

web开发基础知识

web开发基础知识学习 一、网页开发三剑客 ​ 我们看到的网页通过代码来实现的 &#xff0c;这些代码由浏览器解释并渲染成你看到的丰富多彩的页面效果。 这个浏览器就相当于Python的解释器&#xff0c;专门负责解释和执行(渲染&#xff09;网页代码。写网页的代码是专门的语言…

HTML基础知识总结

原文 经过这段时间的学习&#xff0c;对于html的一些基础知识有了一定的了解。所谓好记性不如烂笔头&#xff0c;唯有一点点累积&#xff0c;才能汇聚成知识的海洋。现在&#xff0c;我对这段时间的学习做一个总结。 一、HTML的定义 HTML&#xff0c;超文本标记语言&#xf…

前端-HTML基础知识详解

每日分享&#xff1a; 不贪婪 凡事皆有度&#xff0c;把握好分寸&#xff0c;学会知足常乐。 目录&#xff1a; 初始常用的HTML标签资源路径列表标签表格标签表单标签表单提交 一、初始常用的HTML标签 小结 学习html语言就是学习标签的用法编写html标签一般用小写html标签…

html5基础知识第四章其他标签

以下内容是学习期间整理&#xff0c;有些语句是便于理解&#xff0c;便于快速入门写的。并不权威。 表格&#xff1a; <table><thead><tr><th></th></tr></thead><tbody><tr><td></td></tr></tb…

HTML5-基础知识

HTML5 author 鲁伟林 一直开发后端&#xff0c;现在开始全栈培养自己。 学习html的网址是&#xff1a;http://www.runoob.com/html/html5-intro.html gitHub地址: https://github.com/thinkingfioa/Notes/tree/master/front-developer/html5 1 HTML5特性 HTML5中的一些有趣的新…

【基础html5 基础知识点】(全)

一、新特性 1. Doctype更简单<!DOCTYPE html> 2. 简单的编码类型 <meta charset”utf-8″ /> 3. 大小写都可 <input tYPe"text" name"" id""> 4. 布尔值 <input type"radio" checked> 5. 可以省略…

HTML5前端知识图谱

HTML5知识图谱 前端知识必备概要HTML5知识概要前端开发知识库体系1. HTML5知识库2. CSS3知识库3. JavaScript知识库4. jQuery知识库5.Node.js知识库6.AngularJS知识库7.React知识库 前端开发知识库细分HTML知识图谱CSS知识图谱1. css 内容排版2. css 布局模型3. css 盒子模型4.…

html5 基础知识总结

W3C的建立 伯纳斯李1994年建立万维网联盟&#xff08;W3C&#xff09; W3C的出现为了制订网页开发的标准&#xff0c;以使同一个网页在不同的浏览器中有相同的效果。 所以&#xff0c;我们需要制订我们编写的网页都需要遵循W3C的规范&#xff01; 网页的结构思想 根据W3C标…

HTML5基础知识汇总

HTML是Hypertext Markup Language的缩写&#xff0c;中文翻译为&#xff1a;超文本标记语言 HTML文档结构和基本语法 HTML5基本语法 扩展名.html/.htm内容类型(ContentType):text/html文档类型:<!DOCTYPE html> 字符编码 HTML4: <meta http-equiv"Content-Typ…

HTML5基础知识(全面)

1. 熟记各大主流浏览器内核版本面试常问哦 浏览器名称内核opera欧朋最初是自己的Presto内核&#xff0c;后谷歌Webkit 到BlinkFirefox火狐Gecko内核俗称Firefox内核Chrome谷歌统称为Chromium或Blink内核Safari苹果Webkit不受IE、Firefox内核约束IE浏览器Trident内核360浏览器I…

HTML5 基础知识总结(全)

文章目录 1.文档类型2.字符集3.标签< h1 >到< h6 >4.文本格式化标签&#xff08;熟记&#xff09;5.标签属性6.图像标签img7.链接标签8.锚点定位9. base标签10.特殊字符11.注释标签12.相对路径13.div span标签14.无序列表ul15.有序列表ol16.自定义列表17.font标签1…

HTML5基础知识

目录 一、初识HTML 二、网页基本标签⭐ 2.1标题标签 2.3换行标签 2.4水平线标签 2.5字体样式标签 2.6注释和特殊符号 三、图像&#xff0c;超链接&#xff0c;网页布局 3.1图像标签 3.2链接标签 3.3块元素和行内元素 四、列表&#xff0c;表格&#xff0c;媒体…

lle算法c 语言,LLE(Locally Linear Embedding)算法

Core idea LLE is inherently a non-linear dimensionality reduction strategy 即局部线性嵌入算法。该算法是针对非线性信号特征矢量维数的优化方法&#xff0c;这种维数优化并不是仅仅在数量上简单的约简&#xff0c;而是在保持原始数据性质不变的情况下&#xff0c;将高维空…

(流形降维)局部线性嵌入 - LLE

文章目录 一&#xff0c;流形学习概述二&#xff0c;如何使用LLE进行数据降维1.参数说明2.官网示例 三&#xff0c;实例说明1.PCA与LLE降维的区别2.每个点的邻居数量对降维结果的影响 四&#xff0c;LLE总结 一&#xff0c;流形学习概述 更多关于LLE原理 参考&#xff1a;局部…

机器学习(二)降维(PCA,kPCA,LLE)

写在前面 这是一个新的板块&#xff0c;用于记录作者机器学习的学习历程&#xff0c;同时分享自己的学习笔记给大家&#xff0c;希望这份笔记能帮助大家&#xff0c;同时也欢迎大家一起学习交流指正&#xff0c;我会尽量做到周更。如果有用的话请记得关注点赞收藏&#xff01;&…