HTML5 网页游戏设计开发——1、HTML基础

前言

互联网上的应用程序被称为Web程序,Web引用用程序是用Web文档(网页)累表现用户界面,而Web文档都遵守HTML格式。HTML5是最新的HTML标准。之前的版本HTML4.01于1999年发布,小20年过去了,互联网已经发声了翻天覆地的变化。原有的标准已经不能满足各种Web应用程序的需求。当前我们就看一下最新标准HTML5的概貌。

HTML基础

HTML是HyperText Markup Language(即超文本标记语言)的缩写,它是通过嵌入代码或标记来表明文本格式的国际标准。用它编写的文件扩展名是.html 或.hml,这种网页文件的内容通常是静态的。

HTML重包含很多HTML标记(标签Tag),它们可以被Web浏览器解释,从而决定网页的结构和显示内容。这些标记通常成对出现,例如和就是常用的标记对,语法格式如下

xml 复制代码
<标记名>数据</标记名>

【例1-1】一个使用基本结构标记文档的HTML文档实例的first.html。

xml 复制代码
<html>
<head>
<title>HTML文件标题</title>
</head>
<body>
<!--HTML文件内容-->
<p>this is a paragraph</p>
<b>This text is bold</b>
</body>
</html>

运行结果如下

这个文件的第一个标记(Tag)是,这个标记告诉浏览器这是HTML的头。文件的最后一个标记是,表示HTML文件到此结束。

在和之间的内容是Head的信息。Head信息是不显示出来的,在浏览器里面看不到。但这并不表示这些信息没有用处。例如可以在Head信息里加上一些关键词,有助于搜索引擎能够搜索到你的网页。

在和之间的内容是这个文件的标题。可以在浏览器最顶端的标题栏看到这个标题。

在和之间是信息的正文。
<!-- -->是HTML文档中的注释符,他们之间的代码不会被解析

之间的文字,用粗体表示。,顾名思义,就是bold的意思。
HTML文件看上去和一般文本类似,但是它比一般的文本多路标记(Tag),例如
等,通过这些标记(Tag),告诉浏览器如何显示这个文件。
实际上,<标记名>数据</标记名>就是HTML元素(HTML Elements)。大多数元素都可以嵌套,例如:****

xml 复制代码
<html>
<p>this is a  paragraph</p>
</html>

其重元素的内容是另一个HTML元素。HTML文件是由嵌套的HTML元素组成的。

相关推荐
Ming_studying2 小时前
HTML + CSS + JavaScript实现可视化JSON工具:格式化、折叠、搜索与错误定位
javascript·css·html·json·数据可视化·web工具
江上闲人.18 小时前
Wardogs战犬\战狗Beta测试启动报错UE崩溃卡顿?解决方法来了
游戏·游戏引擎·虚幻·战犬·战狗·wardogs
DS随心转插件19 小时前
Grok生成的html怎么导出——AI导出鸭:大模型结构化输出的“最后一公里”工程化解构
前端·人工智能·ai·html·豆包·deepseek·ai导出鸭
雷电小将军21 小时前
诡秘之主手游占卜家序列加点 诡秘之主手游占卜家怎么加点
服务器·网络·游戏·电脑·玩游戏
杨丰玮4181 天前
从零手写Java飞机躲障碍游戏|Swing绘图、鼠标跟随、计时器碰撞检测实战(五)
java·python·游戏·游戏引擎·图形渲染·动画·贴图
yangmu32031 天前
《明末:渊虚之羽》1.7版百款MOD终极指南:硬核配置与保姆级安装教程
游戏
01_ice1 天前
html个人简历展示
前端·html
JoyCong19982 天前
ToDesk个人版、专业版、游戏版、设计版、性能版、团队版权益介绍
大数据·运维·游戏·远程工作·远程操作
wdloumiga2 天前
使用 Construct 3零基础做一些2D小游戏
python·游戏·游戏2d
朋友圈自动点赞工具2 天前
WD_BLACK P10游戏硬盘实测:72款游戏随身带还能剩
游戏·科技资讯