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，我們一起飛！

• JavaScript輸出文本

• 用JavaScript改變HTML元素

• 一個外部JavaScript

  
  
  

• 實例解析

JavaScript 語句、注釋和代碼塊

• JavaScript 語句

• JavaScript 代碼塊

• JavaScript 單行注釋

• JavaScript 多行注釋

• 使用單行注釋來防止執行

• 使用多行注釋來防止執行

• 實例解析

JavaScript 變量

• 聲明一個變量，為它賦值，然后顯示出來

• 實例解析

JavaScript 條件語句 If ... Else

• If 語句

• If...else 語句

• 隨機鏈接

• Switch 語句

• 實例解析

JavaScript 消息框

• Alert(警告)框

• 帶有換行的警告框

• 確認框

• 提示框

• 實例解析

JavaScript 函數

• 函數

• 帶有參數的函數

• 帶有參數的函數 2

• 返回值的函數

• 帶有參數并返回值的函數

• 實例解析

JavaScript 循環

• For 循環

• 循環輸出 HTML 標題

• While 循環

• Do while 循環

• break 語句

• continue 語句

• 使用 For...In 聲明來遍歷數組內的元素

• 實例解析

JavaScript 事件

• onclick事件

• onmouseover 事件

• 實例解析

JavaScript 錯誤處理

• try...catch 語句

• 帶有確認框的 try...catch 語句

• onerror 事件

• 實例解析

高級 JavaScript 實例

• 創建一個歡迎 cookie

• 簡單的計時

• 另一個簡單的計時

• 在一個無窮循環中的計時事件

• 帶有停止按鈕的無窮循環中的計時事件

• 使用計時事件制作的鐘表

• 創建對象的實例

• 創建用于對象的模板

  
  
  

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

通過前面三篇文章的學習,現在我們已經可以做一些簡單的網頁了,下面就用我們學到的一下標簽,做一個小案例,感受一下html標簽的實際應用

這個小案例,是用網頁的形式,做一個小的信息展示,當然其中的內容,都是學習所用,可以自己更改,案例代碼如下

代碼效果如下:

這雖然是一個很小的案例,但基本上用到了前幾篇文章學的一下標簽,也算是對前面學習的一個回顧與總結,有時候感覺編程,就是這樣,把一個復雜的東西,從簡單一點一點的堆積起來,做成之后,回頭再看,也是會有不小成就感的!!