HTML5游戏开发中基础的Tag讲解
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML5游戏开发中基础的Tag讲解相关的知识，希望对你有一定的参考价值。
一般在html5游戏开发中，基础的Tag都用在标题，段落以及分行上，下面就来讲解下几种最常用的Tag。当然最好用的HTML5学习方式就是跟随示例，今天我们的HTML5游戏开发教程也从实例开始。
首先来看一下标题中的Tag应用。在HTML5游戏开发中，我们用从h1至h6的几个Tag来定义文章的标题，每个正文中的标题都是自成一段的。例如这样：
<html> <head></head> <body> <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3> <h4>This is a heading</h4> <h5>This is a heading</h5> <h6>This is a heading</h6> </body> </html>
下面就简单的描述一下Tag的用法，别的不多说，看示例最轻松了。
分段
<p>This is a paragraph</p> <p>This is another paragraph</p> 换行 <p>This <br> is a para<br>graph withline breaks</p>
HTML注释
<!-- This is a comment -->
注释指的是在HTML5游戏开发文件中用来解释代码的一段话，我们可以把注释写在代码中，并且浏览器是会忽视注释的，所以我们不会在正文中看到我们的注释。
要记得，在HTML5游戏开发中，文件会自动忽略掉多余的空格，就是说无论我们有多少个空格，都会被当成一个，而有些Tag是可以自行分成一段的，这里我们就不需要去使用了。
例如h1之类的标题。
下面的示例就来描述一下段落的特征。
<html> <body> <p> 这一段 在源代码里 包含很多分行， 但是浏览器忽略 这些分行。 </p> <p> 这一段在浏览器里 包含很多空格， 但是浏览器忽略多余空格。 </p> <p> 你使用的浏览器的窗口大小决定了段落的行数。如果你改编浏览器窗口的大小，段落的行数会因此改变。 </p> </body> </html> 换行 <html> <body> <p> 要<br>在一段<br>里<br>换行<br>请使用<br>br这个Tag。 </p> </body> </html>
正文标题
<html> <body> <h1>这是1号标题</h1> <h2>这是2号标题</h2> <h3>这是3号标题</h3> <h4>这是4号标题</h4> <h5>这是5号标题</h5> <h6>这是6号标题</h6> </body> </html>
加条横线
<html> <body> <p>用hr这个Tag可以在HTML文件里加一条横线。</p> <hr> <p>村妇想像皇宫的生活：皇后得用金扁担挑水吧。</p> <hr> <p>问：谁是世界上最可怜的人？答：炮兵连炊事班战士！问：为什么？答：戴绿帽背黑锅看别人打炮。</p> <hr> <p>初中某数学老师讲方程式变换，在讲台上袖子一挽大声喝道：同学们注意！我要变形了！……</p> </body> </html>
代码注释
<html> <body> <!--这是代码注释--> <p>代码注释是不会显示在网页里的。</p> </body> </html>
背景颜色
<html> <body bgcolor="yellow"> <h2>看，这个页面是黄色的。</h2> </body> </html>
以上是关于HTML5游戏开发中基础的Tag讲解的主要内容，如果未能解决你的问题，请参考以下文章
HTML5制作扑克翻牌游戏（送《HTML5 网页游戏设计从基础到开发》）