4-30 HTML 细节摘录
?
| ?<b> | 定義粗體文本。 |
| <big> | 定義大號字。 |
| <em> | 定義著重文字。 |
| <i> | 定義斜體字。 |
| <small> | 定義小號字。 |
| <strong> | 定義加重語氣。 |
| <sub> | 定義下標字。 |
| <sup> | 定義上標字。 |
| <ins> | 定義插入字。 |
| <del> | 定義刪除字。 |
?
| ?<code> | 定義計算機代碼。 |
| <kbd> | 定義鍵盤碼。 |
| <samp> | 定義計算機代碼樣本。 |
| <tt> | 定義打字機代碼。 |
| <var> | 定義變量。 |
| <pre> | 定義預格式文本。 |
?
| ?<abbr> | 定義縮寫。 |
| <acronym> | 定義首字母縮寫。 |
| <address> | 定義地址。 |
| <bdo> | 定義文字方向。 |
| <blockquote> | 定義長的引用。 |
| <q> | 定義短的引用語。 |
| <cite> | 定義引用、引證。 |
| <dfn> | 定義一個定義項目。 |
| ?<img> | 定義圖像。 |
| <map> | 定義圖像地圖。 |
| <area> | 定義圖像地圖中的可點擊區域。 |
在瀏覽器顯示如下:
| row 1, cell 1 | row 1, cell 2 |
| row 2, cell 1 | row 2, cell 2 |
?
| ?<table> | 定義表格 |
| <caption> | 定義表格標題。 |
| <th> | 定義表格的表頭。 |
| <tr> | 定義表格的行。 |
| <td> | 定義表格單元。 |
| <thead> | 定義表格的頁眉。 |
| <tbody> | 定義表格的主體。 |
| <tfoot> | 定義表格的頁腳。 |
| <col> | 定義用于表格列的屬性。 |
| <colgroup> | 定義表格列的組。 |
添加 iframe 的語法
<iframe src="URL"></iframe>Iframe - 刪除邊框
frameborder 屬性規定是否顯示 iframe 周圍的邊框。
設置屬性值為 "0" 就可以移除邊框:
實例
<iframe src="demo_iframe.htm" frameborder="0"></iframe><noscript> 標簽
<noscript> 標簽提供無法使用腳本時的替代內容,比方在瀏覽器禁用腳本時,或瀏覽器不支持客戶端腳本時。
noscript 元素可包含普通 HTML 頁面的 body 元素中能夠找到的所有元素。
只有在瀏覽器不支持腳本或者禁用腳本時,才會顯示 noscript 元素中的內容:
<script type="text/javascript"> document.write("Hello World!") </script> <noscript>Your browser does not support JavaScript!</noscript| ?<head> | 定義關于文檔的信息。 |
| <title> | 定義文檔標題。 |
| <base> | 定義頁面上所有鏈接的默認地址或默認目標。 |
| <link> | 定義文檔與外部資源之間的關系。 |
| <meta> | 定義關于 HTML 文檔的元數據。 |
| <script> | 定義客戶端腳本。 |
| <style> | 定義文檔的樣式信息。 |
URL Schemes
以下是其中一些最流行的 scheme:
| http | 超文本傳輸協議 | 以 http:// 開頭的普通網頁。不加密。 |
| https | 安全超文本傳輸協議 | 安全網頁。加密所有信息交換。 |
| ftp | 文件傳輸協議 | 用于將文件下載或上傳至網站。 |
| file | ? | 您計算機上的文件。 |
URL - Uniform Resource Locator
當您點擊 HTML 頁面中的某個鏈接時,對應的 <a> 標簽指向萬維網上的一個地址。
統一資源定位器(URL)用于定位萬維網上的文檔(或其他數據)。
網址,比如 http://www.w3school.com.cn/html/index.asp,遵守以下的語法規則:
scheme://host.domain:port/path/filename解釋:
- scheme - 定義因特網服務的類型。最常見的類型是 http
- host - 定義域主機(http 的默認主機是 www)
- domain - 定義因特網域名,比如 w3school.com.cn
- :port - 定義主機上的端口號(http 的默認端口號是 80)
- path - 定義服務器上的路徑(如果省略,則文檔必須位于網站的根目錄中)。
- filename - 定義文檔/資源的名稱
編者注:URL 的英文全稱是 Uniform Resource Locator,中文也譯為“統一資源定位符”。
?
<input> 元素
<input> 元素是最重要的表單元素。
<input> 元素有很多形態,根據不同的 type 屬性。
這是本章中使用的類型:
| text | 定義常規文本輸入。 |
| radio | 定義單選按鈕輸入(選擇多個選擇之一) |
| submit | 定義提交按鈕(提交表單) |
HTML Form 屬性
HTML <form> 元素,已設置所有可能的屬性,是這樣的:
實例
<form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8" ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate> . form elements. </form>Here is the list of <form> attributes:
| accept-charset | 規定在被提交表單中使用的字符集(默認:頁面字符集)。 |
| action | 規定向何處提交表單的地址(URL)(提交頁面)。 |
| autocomplete | 規定瀏覽器應該自動完成表單(默認:開啟)。 |
| enctype | 規定被提交數據的編碼(默認:url-encoded)。 |
| method | 規定在提交表單時所用的 HTTP 方法(默認:GET)。 |
| name | 規定識別表單的名稱(對于 DOM 使用:document.forms.name)。 |
| novalidate | 規定瀏覽器不驗證表單。 |
| target | 規定 action 屬性中地址的目標(默認:_self)。 |
注釋:您將在下面的章節學到更多關于屬性的知識。
<select> 元素(下拉列表)
<select> 元素定義下拉列表:
實例
<select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select>HTML5 輸入類型
HTML5 增加了多個新的輸入類型:
- color
- date
- datetime
- datetime-local
- month
- number
- range
- search
- tel
- time
- url
- week
HTML5 提供的新元素可以構建更好的文檔結構:
| <article> | 定義文檔內的文章。 |
| <aside> | 定義頁面內容之外的內容。 |
| <bdi> | 定義與其他文本不同的文本方向。 |
| <details> | 定義用戶可查看或隱藏的額外細節。 |
| <dialog> | 定義對話框或窗口。 |
| <figcaption> | 定義 <figure> 元素的標題。 |
| <figure> | 定義自包含內容,比如圖示、圖表、照片、代碼清單等等。 |
| <footer> | 定義文檔或節的頁腳。 |
| <header> | 定義文檔或節的頁眉。 |
| <main> | 定義文檔的主內容。 |
| <mark> | 定義重要或強調的內容。 |
| <menuitem> | 定義用戶能夠從彈出菜單調用的命令/菜單項目。 |
| <meter> | 定義已知范圍(尺度)內的標量測量。 |
| <nav> | 定義文檔內的導航鏈接。 |
| <progress> | 定義任務進度。 |
| <rp> | 定義在不支持 ruby 注釋的瀏覽器中顯示什么。 |
| <rt> | 定義關于字符的解釋/發音(用于東亞字體)。 |
| <ruby> | 定義 ruby 注釋(用于東亞字體)。 |
| <section> | 定義文檔中的節。 |
| <summary> | 定義 <details> 元素的可見標題。 |
| <time> | 定義日期/時間。 |
| <wbr> | 定義可能的折行(line-break)。 |
轉載于:https://www.cnblogs.com/tongbiao/p/6789424.html
總結
以上是生活随笔為你收集整理的4-30 HTML 细节摘录的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 绿植摆放的讲究
- 下一篇: 云资源管理有助于减少服务滥用和开支