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