Html5的使用越来越广泛了,不仅仅在传统的PC端制作网页的界面,现在在移动的APP界面上,在移动端的游戏开发上也使用的越来越多,如同雨后春笋一般。当然,学习Html5(简称:H5)时,得从最开始的基本元素学起,下面一个网页讲述的是H5的基本元素用法:
<!DOCTYPE html>
<html>
<head>
<title>HTML5保留的常用元素</title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
<style type="text/css">
div div{
display:inline-block;
padding:10px;
background-color:#aaa;
margin:3px;
}
</style>
</head>
<body>
<!--1.基本标签-->
<!--采用标题一到标题六来输出文本-->
<h1>Crazy JAVA</h1>
<h2>Crazy JAVA</h2>
<h3>Crazy JAVA</h3>
<h4>Crazy JAVA</h4>
<h5>Crazy JAVA</h5>
<h6>Crazy JAVA</h6>
<!--输出一条水平线-->
<hr/>
<!--使用span定义三节,不进行换行-->
<span>Tomcat</span>
<span>Jetty</span>
<span>OBA</span>
<!--使用div定义三节,进行换行-->
<div>Tomcat</div>
<div>Jetty</div>
<div>OBA</div>
<!--使用P定义三节-->
<p>Tomcat</p>
<p>Jetty</p>
<p>OBA</p>
<!--2.文本格式化标签-->
<span><b>加粗文本</b></span><br/>
<span><i>斜体文本</i></span><br/>
<span><b><i>加粗斜体文本</i></b></span><br/>
<span><em>被强调的文本</em></span><br/>
<span><strong>粗体文本</strong></span><br/>
<span><big>大号文本</big></span><br/>
<span><small>小号文本</small></span><br/>
<span>X<sup>2</sup></span><br/>
<span>X<sub>2</sub></span><br/>
<span><bdo dir="ltr">从左到右显示</bdo></span><br/>
<span><bdo dir="rtl">从右到左显示</bdo></span><br/>
<!--3.语义相关标签-->
<!--使用q表示一段短的引用文本,会带上引号-->
<p>疯狂Java精神是<q cite="http://www.fkjava.org">疯狂缘自梦想,技术成就辉煌。</q></p>
<!--使用blockquote表示一段長的引用文本-->
<div>
<blockquote>
业精于勤,荒于嬉。<br/>
行成于思,毁于随。<br/>
</blockquote>
</div>
<!--cite常用于表示作品的标题-->
<p>
<cite>《芙蓉镇》</cite>.<cite>《蓝风筝》</cite>是国内很有影响力的电影。
</p>
<!--code使用-->
<p>
下面定义一个Java类<br/>
<code>
public class Cat<br/>
{<br/>
private int name="abc";<br/>
}<br/>
</code>
</p>
<!--pre元素包含预定义格式的文本-->
<pre>
pubic class Cat
{
private int name="bcd";
}
</pre>
<p>
<!--使用abbr定义缩写-->
疯狂Java教育中心的缩写是<abbr title="疯狂教育">fkjy</abbr><br/>
<!--使用address定义地址-->
疯狂软件地址是<address>中国软件基地</address>
</p>
<p>
<!--使用dfn定义专业术语-->
<dfn>HTML</dfn>是一种广为认知标签语言。
</p>
<p>
可通过输入如下命令:<br/>
<kbd>list -l</kbd>
在Linux的shell窗口中查看当前目录下所有文件,目录的详细信息。
</p>
<!--使用samp定义示范文本内容-->
<samp>
我在阅读xxxx图书的第一章
</samp>
<!--使用var变量-->
<var>i</var>.<var>j</var>.<var>k</var>通常用作循环计数变量。
<!--使用del和ins表示修订-->
<p>
Android是一个<del>开发</del><ins>开放</ins>式的手机.平板电脑操作系统。
</p>
<!--4.超链接和锚点-->
<a href="http://www.baidu.com">百度一下,你就知道?</a><br/>
<a href="http://www.baidu.com" target="_blank">百度一下,你就知道?</a><br/>
<a href="http://www.baidu.com"><img src="imgs/1.jpg" alt="百度"/></a>
<!--5.列表相关元素-->
<!--无序-->
<ul>