TML 基礎

非常簡單的HTML文檔

HTML 標題

HTML 段落

HTML 鏈接

HTML 圖片

實例解析

HTML 標題

HTML 標題

在html源碼中插入注釋

插入水平線

實例解析

HTML 段落

HTML 段落

更多段落

本例演示在 HTML 文檔中折行的使用。

HTML 格式化的某些問題。

實例解析

HTML 文本格式化

文本格式化

此例演示如何使用 pre 標簽對空行和空格進行控制。

此例演示不同的"計算機輸出"標簽的顯示效果。

此例演示如何在 HTML 文件中寫地址。

此例演示如何實現縮寫或首字母縮寫。

此例演示如何改變文字的方向。

此例演示如何實現長短不一的引用語。

文本下劃線與刪除線

實例解析

HTML 樣式

HTML Style 元素

背景色樣式

字體樣式，顏色，大小

文本對齊樣式

設置文本字體

設置文本字體大小

設置文本字體顏色

設置文本字體，字體大小，字體顏色

HTML使用不同樣式

沒有下劃線的鏈接

鏈接到一個外部樣式表

實例解析

HTML 鏈接

創建超級鏈接

將圖像作為鏈接

在新的瀏覽器窗口打開鏈接

鏈接到同一個頁面的不同位置

跳出框架

創建電子郵件鏈接

創建電子郵件鏈接 2

實例解析

HTML 圖像

插入圖像

從不同的位置插入圖片

排列圖片

本例演示如何使圖片浮動至段落的左邊或右邊。

制作圖像鏈接

創建圖像映射

實例解析

HTML 表格

簡單的表格

沒有邊框的表格

表格中的表頭

帶有標題的表格

跨行或跨列的表格單元格

表格內的標簽

單元格邊距(Cell padding)

單元格間距(Cell spacing)

實例解析

HTML 列表

無序列表

有序列表

不同類型的有序列表

不同類型的無序列表

嵌套列表

嵌套列表 2

定義列表

實例解析

HTML Forms 和 Input

創建文本域(Text fields)

創建密碼域

復選框

單選按鈕

簡單的下拉列表

預選下拉列表

本例演示如何創建一個文本域（多行文本輸入控件）。

創建一個按鈕

本例演示如何在數據周圍繪制一個帶標題的框。

帶有文本域與輸入域的表單

帶有復選框與提交按鈕的form表單

帶有單選框與提交按鈕的表單

發送郵件表單

實例解析

HTML iframe

內聯框架 (HTML頁面中插入框架)

實例解析

HTML 頭部元素

描述了文檔標題

HTML頁面中默認的URL鏈接

提供文檔元數據

實例解析

HTML 腳本

插入一個腳本

使用 <noscript> 標簽

實例解析

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

滿足以下2個條件時；

瀏覽器會自動記錄輸入過的值；

當用戶再次輸入的時候就能自動完成；

1：input標簽在form標簽下；

2：點擊了此form標簽下的submit按鈕；

具體的表現形式如下圖；

瀏覽器自動顯示輸入過的值后會遮擋到下面的驗證碼；

對于我這種記性差到即便只有這4個數字都懶得記；

非要邊看著驗證碼邊輸入的人是無法忍受的；

額；好吧；我承認記性是躺槍的；主要是懶；

如果說驗證碼這個示例你能忍受的話；

那么下面這張圖肯定是無法忍的了；

這個搜索框有一個ajax 事件了；

當輸入內容后會發送異步請求搜索商品；

但是瀏覽器的自動顯示的輸入記錄就會遮擋后邊的搜索結果；

解決這個情況的方法是為input標簽添加autocomplete屬性并設為off

<input class="text" autocomplete="off" type="text" name="word" value="輸入商品名稱">

順便介紹下autocomplete；

autocomplete是HTML5 中的新屬性它規定表單是否應該啟用自動完成功能。自動完成允許瀏覽器預測對字段的輸入。當用戶在字段開始鍵入時，瀏覽器基于之前鍵入過的值，應該顯示出在字段中填寫的選項。

值描述

1. on默認。規定啟用自動完成功能。
2. off規定禁用自動完成功能。