HTML 標(biāo)題 標(biāo)題(Heading)是通過(guò) <h1> - <h6>
標(biāo)簽進(jìn)行定義的
HTML 水平線 <hr>
標(biāo)簽在 HTML 頁(yè)面中創(chuàng)建水平線
HTML 注釋 可以將注釋插入 HTML 代碼中,這樣可以提高其可讀性,使代碼更易被人理解。瀏覽器會(huì)忽略注釋,也不會(huì)顯示它們。
HTML 段落 段落是通過(guò)<p>
標(biāo)簽定義的。
HTML 折行 如果您希望在不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行(新行),請(qǐng)使用<br />
標(biāo)簽。
HTML 文本格式化標(biāo)簽 <b>
定義粗體文本 <em>
定義著重文字 <i>
定義斜體字 <small>
定義小號(hào)字 <strong>
定義加重語(yǔ)氣 <sub>
定義下標(biāo)字 <sup>
定義上標(biāo)字 <ins>
定義插入字 <del>
定義刪除字
HTML “計(jì)算機(jī)輸出” 標(biāo)簽 <code>
定義計(jì)算機(jī)代碼 <kbd>
定義鍵盤(pán)碼 <samp>
定義計(jì)算機(jī)代碼樣本 <var>
定義變量 <PRe>
定義預(yù)格式文本
HTML 引文, 引用, 及標(biāo)簽定義 <abbr>
定義縮寫(xiě) <address>
定義地址 <bdo>
定義文字方向 <blockquote>
定義長(zhǎng)的引用 <q>
定義短的引用語(yǔ) <cite>
定義引用、引證 <dfn>
定義一個(gè)定義項(xiàng)目。
HTML 超鏈接(鏈接) HTML使用標(biāo)簽 <a>
來(lái)設(shè)置超文本鏈接。
HTML 元素 <head>
元素包含了所有的頭部標(biāo)簽元素。在 <head>
元素中你可以插入腳本(scripts), 樣式文件(CSS),及各種meta信息。 可以添加在頭部區(qū)域的元素標(biāo)簽為: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
HTML <title>
元素 <title>
標(biāo)簽定義了不同文檔的標(biāo)題。 <title>
在 HTML/XHTML 文檔中是必須的。 <title>
元素:
HTML <base>
元素 <base>
標(biāo)簽描述了基本的鏈接地址/鏈接目標(biāo),該標(biāo)簽作為HTML文檔中所有的鏈接標(biāo)簽的默認(rèn)鏈接。
HTML <link>
元素 <link>
標(biāo)簽定義了文檔與外部資源之間的關(guān)系。 <link>
標(biāo)簽通常用于鏈接到樣式表。
HTML <style>
元素 <style>
標(biāo)簽定義了HTML文檔的樣式文件引用地址。 在<style>
元素中你也可以直接添加樣式來(lái)渲染 HTML 文檔。
HTML <meta>
元素 meta標(biāo)簽描述了一些基本的元數(shù)據(jù)。 <meta>
標(biāo)簽提供了元數(shù)據(jù).元數(shù)據(jù)也不顯示在頁(yè)面上,但會(huì)被瀏覽器解析。 META元素通常用于指定網(wǎng)頁(yè)的描述,關(guān)鍵詞,文件的最后修改時(shí)間,作者,和其他元數(shù)據(jù)。 元數(shù)據(jù)可以使用于瀏覽器(如何顯示內(nèi)容或重新加載頁(yè)面),搜索引擎(關(guān)鍵詞),或其他Web服務(wù)。 <meta>
一般放置于 <head>
區(qū)域。
HTML <script>
元素 <script>
標(biāo)簽用于加載腳本文件,如: javaScript。
HTML 圖像 在 HTML 中,圖像由<img>
標(biāo)簽定義。<img>
是空標(biāo)簽,意思是說(shuō),它只包含屬性,并且沒(méi)有閉合標(biāo)簽。
HTML 表格 表格由 <table>
標(biāo)簽來(lái)定義。每個(gè)表格均有若干行(由 <tr>
標(biāo)簽定義),每行被分割為若干單元格(由 <td>
標(biāo)簽定義)。字母 td 指表格數(shù)據(jù)(table data),即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。 實(shí)例:
HTML列表 無(wú)序列表使用 <ul>
標(biāo)簽
列表項(xiàng)項(xiàng)使用數(shù)字來(lái)標(biāo)記
<ol><li>Coffee</li><li>Milk</li></ol>自定義列表以 <dl>
標(biāo)簽開(kāi)始。每個(gè)自定義列表項(xiàng)以 <dt>
開(kāi)始。每個(gè)自定義列表項(xiàng)的定義以 <dd>
開(kāi)始
提示: 列表項(xiàng)內(nèi)部可以使用段落、換行符、圖片、鏈接以及其他列表等等。
HTML <div>
和<span>
HTML 區(qū)塊元素:大多數(shù) HTML 元素被定義為塊級(jí)元素或內(nèi)聯(lián)元素。塊級(jí)元素在瀏覽器顯示時(shí),通常會(huì)以新行來(lái)開(kāi)始(和結(jié)束)。 實(shí)例: <h1>, <p>, <ul>, <table>
HTML 內(nèi)聯(lián)元素:內(nèi)聯(lián)元素在顯示時(shí)通常不會(huì)以新行開(kāi)始。 實(shí)例: <b>, <td>, <a>, <img>。
HTML <div>
元素 HTML <div>
元素是塊級(jí)元素,它可用于組合其他 HTML 元素的容器。 <div>
元素沒(méi)有特定的含義。除此之外,由于它屬于塊級(jí)元素,瀏覽器會(huì)在其前后顯示折行。 如果與 CSS 一同使用,<div>
元素可用于對(duì)大的內(nèi)容塊設(shè)置樣式屬性。 <div>
元素的另一個(gè)常見(jiàn)的用途是文檔布局。它取代了使用表格定義布局的老式方法。使用 <table>
元素進(jìn)行文檔布局不是表格的正確用法。<table>
元素的作用是顯示表格化的數(shù)據(jù)。
HTML <span>
元素 HTML <span>
元素是內(nèi)聯(lián)元素,可用作文本的容器 <span>
元素也沒(méi)有特定的含義。 當(dāng)與 CSS 一同使用時(shí),<span>
元素可用于為部分文本設(shè)置樣式屬性。
HTML表單元素 表單用于向服務(wù)器傳輸數(shù)據(jù)。 表單元素是允許用戶在表單中輸入內(nèi)容,比如:文本域(textarea)、下拉列表、單選框(radio-buttons)、復(fù)選框(checkboxes)等等。 HTML 表單用于接收不同類型的用戶輸入,用戶提交表單時(shí)向服務(wù)器傳輸數(shù)據(jù),從而實(shí)現(xiàn)用戶與Web服務(wù)器的交互。表單標(biāo)簽, 要提交的所有內(nèi)容都應(yīng)該在該標(biāo)簽中。 action: 表單提交到哪. 一般指向服務(wù)器端一個(gè)程序,程序接收到表單提交過(guò)來(lái)的數(shù)據(jù)(即表單元素值)作相應(yīng)處理,比如https://www.sogou.com/web method: 表單的提交方式 post/get 默認(rèn)取值 就是 get(信封) get: 1.提交的鍵值對(duì).放在地址欄中url后面. 2.安全性相對(duì)較差. 3.對(duì)提交內(nèi)容的長(zhǎng)度有限制. post:1.提交的鍵值對(duì) 不在地址欄. 2.安全性相對(duì)較高. 3.對(duì)提交內(nèi)容的長(zhǎng)度理論上無(wú)限制. get/post是常見(jiàn)的兩種請(qǐng)求方式。 value: 表單提交項(xiàng)的值.對(duì)于不同的輸入類型,value 屬性的用法也不同 上傳文件注意兩點(diǎn): 1 請(qǐng)求方式必須是post 2 enctype=”multipart/form-data”
input元素select元素textarea元素label元素fieldset元素HTML 框架 通過(guò)使用框架,你可以在同一個(gè)瀏覽器窗口中顯示不止一個(gè)頁(yè)面。 iframe語(yǔ)法:
<iframe src="URL"></iframe>HTML 字符實(shí)體
空格, ;小于號(hào),<;大于號(hào),>;引號(hào),";撇號(hào) ,&apos;(IE不支持)乘號(hào),×;除號(hào),÷;**
**
HTML 速查列表. 你可以打印它,以備日常使用。 HTML 基本文檔
<!DOCTYPE html><html><head><title>文檔標(biāo)題</title></head><body>可見(jiàn)文本...</body></html>基本標(biāo)簽(Basic Tags)
<h1>最大的標(biāo)題</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的標(biāo)題</h6><p>這是一個(gè)段落。</p><br> (換行)<hr> (水平線)<!-- 這是注釋 -->文本格式化(Formatting)
<b>粗體文本</b><code>計(jì)算機(jī)代碼</code><em>強(qiáng)調(diào)文本</em><i>斜體文本</i><kbd>鍵盤(pán)輸入</kbd> <pre>預(yù)格式化文本</pre><small>更小的文本</small><strong>重要的文本</strong><abbr> (縮寫(xiě))<address> (聯(lián)系信息)<bdo> (文字方向)<blockquote> (從另一個(gè)源引用的部分)<cite> (工作的名稱)<del> (刪除的文本)<ins> (插入的文本)<sub> (下標(biāo)文本)<sup> (上標(biāo)文本)鏈接(Links)
普通的鏈接:<a >鏈接文本</a>圖像鏈接: <a ><img src="URL" alt="替換文本"></a>郵件鏈接: <a href="mailto:[email protected]">發(fā)送e-mail</a>書(shū)簽:<a id="tips">提示部分</a><a href="#tips">跳到提示部分</a>圖片(Images)
<img src="URL" alt="替換文本" height="42" width="42">樣式/區(qū)塊(Styles/Sections)
<style type="text/css">h1 {color:red;}p {color:blue;}</style><div>文檔中的塊級(jí)元素</div><span>文檔中的內(nèi)聯(lián)元素</span>無(wú)序列表
<ul> <li>項(xiàng)目</li> <li>項(xiàng)目</li></ul>有序列表
<ol> <li>第一項(xiàng)</li> <li>第二項(xiàng)</li></ol>定義列表
<dl> <dt>項(xiàng)目 1</dt> <dd>描述項(xiàng)目 1</dd> <dt>項(xiàng)目 2</dt> <dd>描述項(xiàng)目 2</dd></dl>表格(Tables)
<table border="1"> <tr> <th>表格標(biāo)題</th> <th>表格標(biāo)題</th> </tr> <tr> <td>表格數(shù)據(jù)</td> <td>表格數(shù)據(jù)</td> </tr></table>框架(Iframe)
<iframe src="demo_iframe.htm"></iframe>表單(Forms)
<form action="demo_form.php" method="post/get"><input type="text" name="email" size="40" maxlength="50"><input type="passWord"><input type="checkbox" checked="checked"><input type="radio" checked="checked"><input type="submit" value="Send"><input type="reset"><input type="hidden"><select><option>蘋(píng)果</option><option selected="selected">香蕉</option><option>櫻桃</option></select><textarea name="comment" rows="60" cols="20"></textarea></form>實(shí)體(Entities)
< 等同于 <> 等同于 >© 等同于 ?新聞熱點(diǎn)
疑難解答
圖片精選