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