码迷,mamicode.com
首页 > Web开发 > 详细

HTML5游戏开发中基础的Tag讲解

时间:2016-06-16 08:09:02      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:游戏开发   html5   another   最好   文章   


  一般在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   another   最好   文章   

原文地址:http://11590359.blog.51cto.com/11580359/1789638

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!