復習HTML
阿新 • • 發佈：2017-10-15
突出 tail label lds 詳細信息 map 容器 運算符 目的
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:[email protected]">發送e-mail</a> 書簽： <a id="tips"></a> 提示部分<a href="#tips">跳到提示部分</a>
復習HTML