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="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;100px;float:left;"> <b>Menu</b><br> HTML<br> CSS<br> JavaScript</div> <div id="content" style="background-color:#EEEEEE;height:200px;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>