MathML 实例<!DOCTYPE html><html> ??<head> ?????<meta charset="UTF-8"> ?????<title>W3Cschool教程(w3cschool.cn)</title> ??</head> ??????????<body> ?????????????<math xmlns="http://www.w3.org/1998/Math/MathML"> ????????????????????????<mrow> ???????????<msup><mi>a</mi><mn>2</mn></msup> ???????????<mo>+</mo> ???????????????????????????????????????????<msup><mi>b</mi><mn>2</mn></msup> ???????????<mo>=</mo> ???????????????????????????????????????????<msup><mi>c</mi><mn>2</mn></msup> ????????</mrow> ?????????????????????????????</math> ??????????????????</body></html>
以下实例添加了一些运算符：<!DOCTYPE html><html> ??<head> ?????<meta charset="UTF-8"> ?????<title>W3Cschool教程(w3cschool.cn)</title> ??</head> ??????????<body> ?????????????<math xmlns="http://www.w3.org/1998/Math/MathML"> ????????????????????????<mrow> ????????????????????????????<mrow> ??????????????????????????????????????????????<msup> ?????????????????<mi>x</mi> ?????????????????<mn>2</mn> ??????????????</msup> ??????????????????????????????????????????????????????<mo>+</mo> ??????????????????????????????????????????????????????<mrow> ?????????????????<mn>4</mn> ?????????????????<mo>?</mo> ?????????????????<mi>x</mi> ??????????????</mrow> ??????????????????????????????????????????????????????<mo>+</mo> ??????????????<mn>4</mn> ???????????????????????????????????????????????????</mrow> ???????????????????????????????????????????<mo>=</mo> ???????????<mn>0</mn> ?????????????????????????????????????????</mrow> ?????</math> ??????????????????</body></html>
以下实例是一个 2×2 矩阵，可以在 Firefox 3.5 以上版本查看到效果：<!DOCTYPE html><html> ??<head> ?????<meta charset="UTF-8"> ?????<title>W3Cschool教程(w3cschool.cn)</title> ??</head> ??????????<body> ?????<math xmlns="http://www.w3.org/1998/Math/MathML"> ????????????????????????<mrow> ???????????<mi>A</mi> ???????????<mo>=</mo> ???????????????????????????????????<mfenced open="[" close="]"> ??????????????????????????????????????<mtable> ?????????????????<mtr> ????????????????????<mtd><mi>x</mi></mtd> ????????????????????<mtd><mi>y</mi></mtd> ?????????????????</mtr> ?????????????????????????????????????????????????????????<mtr> ????????????????????<mtd><mi>z</mi></mtd> ????????????????????<mtd><mi>w</mi></mtd> ?????????????????</mtr> ??????????????</mtable> ??????????????????????????</mfenced> ????????</mrow> ?????</math> ????????</body></html>2、按字母顺序排列New : HTML5新标签标签描述<!--...-->定义注释<!DOCTYPE>定义文档类型<a>定义超文本链接<abbr>定义缩写<acronym>定义只取首字母的缩写，不支持HTML5<address>定义文档作者或拥有者的联系信息<applet>定义嵌入的 applet。HTML5中不支持使用。<area>定义图像映射内部的区域<article>New定义一个文章区域<aside>New定义页面的侧边栏内容<audio>New定义音频内容<b>定义文本粗体<base>定义页面中所有链接的默认地址或默认目标。<basefont>定义页面中文本的默认字体、颜色或尺寸。HTML5不支持使用。<bdi>New允许您设置一段文本，使其脱离其父元素的文本方向设置。<bdo>定义文字方向<big>定义大号文本，HTML5不支持使用。<blockquote>定义长的引用<body>定义文档的主体<br>定义换行<button>定义一个点击按钮<canvas>New定义图形，比如图表和其他图像,标签只是图形容器，您必须使用脚本来绘制图形<caption>定义表格标题<center>定义居中文本。HTML5不支持使用。<cite>定义引用(citation)<code>定义计算机代码文本<col>定义表格中一个或多个列的属性值<colgroup>定义表格中供格式化的列组<command>New定义命令按钮，比如单选按钮、复选框或按钮<datalist>New定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。<dd>定义定义列表中项目的描述<del>定义被删除文本<details>New用于描述文档或文档某个部分的细节<dfn>定义定义项目<dialog>New定义对话框，比如提示框<dir>定义目录列表。HTML5不支持使用。<div>定义文档中的节<dl>定义列表详情<dt>定义列表中的项目<em>定义强调文本<embed>New定义嵌入的内容，比如插件。<fieldset>定义围绕表单中元素的边框<figcaption>New定义<figure> 元素的标题<figure>New规定独立的流内容（图像、图表、照片、代码等等）。<font>定义文字的字体、尺寸和颜色。HTML5不支持使用。<footer>New定义 section 或 document 的页脚。<form>定义了HTML文档的表单<frame>定义框架集的窗口或框架<frameset>定义框架集<h1> to <h6>定义 HTML 标题<head>定义关于文档的信息<header>New定义了文档的头部区域<hr>定义水平线<html>定义 HTML 文档<i>定义斜体字<iframe>定义内联框架<img>定义图像<input>定义输入控件<ins>定义被插入文本<kbd>定义键盘文本<keygen>New规定用于表单的密钥对生成器字段。<label>定义 input 元素的标注<legend>定义 fieldset 元素的标题。<li>定义列表的项目<link>定义文档与外部资源的关系<map>定义图像映射<mark>New定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。<menu>定义菜单列表。HTML5不支持使用。<meta>定义关于 HTML 文档的元信息。<meter>New定义度量衡。仅用于已知最大和最小值的度量。<nav>New定义导航链接的部分<noframes>定义针对不支持框架的用户的替代内容。HTML5不支持<noscript>定义针对不支持客户端脚本的用户的替代内容。<object>定义内嵌对象<ol>定义有序列表。<optgroup>定义选择列表中相关选项的组合。<option>定义选择列表中的选项。<output>New定义不同类型的输出，比如脚本的输出。<p>定义段落。<param>定义对象的参数。<pre>定义预格式文本。<progress>New定义运行中的进度（进程）。<q>定义短的引用。<rp>New<rp> 标签在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。<rt>New<rt> 标签定义字符（中文注音或字符）的解释或发音。<ruby>New<ruby> 标签定义 ruby 注释（中文注音或字符）。<s>不赞成使用。定义加删除线的文本。<samp>定义计算机代码样本。<script>定义客户端脚本。<section>New<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。<select>定义选择列表（下拉列表）。<small>定义小号文本。<source>New<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。<span>定义文档中的节。<strike>HTML5不支持，不赞成使用。定义加删除线文本。<strong>定义强调文本。<style>定义文档的样式信息。<sub>定义下标文本。<summary>New<summary> 标签包含 details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息。<sup>定义上标文本。<table>定义表格。<tbody>定义表格中的主体内容。<td>定义表格中的单元。<textarea>定义多行的文本输入控件。<tfoot>定义表格中的表注内容（脚注）。<th>定义表格中的表头单元格。<thead>定义表格中的表头内容。<time>New定义日期或时间，或者两者。<title>定义文档的标题。<tr>定义表格中的行。<track>New<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。<tt>定义打字机文本。<u>不赞成使用。定义下划线文本。<ul>定义无序列表。<var>定义文本的变量部分。<video>New<video> 标签定义视频，比如电影片段或其他视频流。<wbr>New规定在文本中的何处适合添加换行符。3、HTML 布局 - 使用<div> 元素<div id="container" style="width:500px"><div id="header" style="background-color:#FFA500;"><h1 style="margin-bottom:0;">Main Title of Web Page</h1></div><div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;"><b>Menu</b><br>HTML<br>CSS<br>JavaScript</div><div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">Content goes here</div><div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">Copyright ? W3Cschools.com</div></div> 4、<form action=""><select name="cars"><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="fiat" selected>Fiat</option><option value="audi">Audi</option></select></form>5、<iframe src="demo_iframe.htm" name="iframe_a"></iframe><p><a href="http://www.w3cschool.cn" target="iframe_a">W3CSCHOOL.CN</a></p>链接（Links）普通的链接：<a href="链接地址">链接文本</a>图像链接： <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a> 邮件链接： <a href="mailto:webmaster@example.com">发送e-mail</a>书签： <a id="tips"></a> 提示部分<a href="#tips">跳到提示部分</a>
复习HTML
原文地址：http://www.cnblogs.com/lxy151/p/7670209.html