一般在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>
原文地址:http://11590359.blog.51cto.com/11580359/1789637