HTM簡介在上一章節中我們講到 html 很容易學習，同時也給出了一個簡單的范例。現在我們就拿上一次的范例來講解 html 的基本構成。 HTML是(Hyper Text MarkuP Language)首字母縮寫詞，代表用于創建網頁和Web應用程序的超文本標記語言，什么是超文本、標記語言和網頁我們來看看。 超文本：超文本僅表示“文本中的文本”，文本內有鏈接是超文本。當單擊了超文本將會跳轉到新網頁。超文本是一種將兩個或多個網頁（HTML文檔）相互鏈接的方法。 標記語言：標記語言是一種計算機語言，用于將布局和格式約定應用于文本文檔。標記語言使文本更具交互性和動態性。它可以將文本轉換為圖像，表格，鏈接等。 網頁：網頁是通常以HTML編寫并由網絡瀏覽器翻譯的文檔，可以通過輸入URL來識別網頁。網頁可以是靜態或動態類型，僅借助HTML，我們可以創建靜態網頁。 HTML 范例<!DOCTYPE html> <html> <head> <Meta charset=utf-8> <title>前端之家(www.F2er.ccom)</title> </head> <body> <h1>前端之家</h1> <p>這是第一個段落標簽</p> </body> </html> 范例講解
HTML 是不是很簡單，是不是有點像 word 文檔。 HTML 是什么呢?簡單來說，HTML 是用來描述網頁的一種語言
HTML 標簽(HTML tag)
HTML 元素HTML 標簽 和 HTML 元素 通常都是描述同樣的意思. 但是嚴格來講,一個 HTML 元素包含了開始標簽與結束標簽，如下范例: <p>這是第一個段落標簽</p> Web 瀏覽器Web 瀏覽器（如谷歌瀏覽器，Internet Explorer，Firefox，Safari）是用于讀取HTML文檔，并將其作為網頁顯示。 瀏覽器并不是直接顯示的HTML標簽，但可以使用標簽來決定如何展現HTML頁面的內容給用戶 HTML 網頁結構一般的 HTML 頁面都會有如下結構： <html> <head> <title>頁面標題</title> </head> <body> <h1>這是一個標題</h1> <p>這是一個段落。</p> <p>這是另外一個段落。</p> </body> </html> 只有 <body> 區域 (白色部分) 才會在瀏覽器中顯示。 HTML 版本從 1991年 HTML 誕生后，HTML 已經經歷了多個版本：
<!DOCTYPE> 聲明<!DOCTYPE> 聲明能夠讓瀏覽器按照聲明的標準來顯示網頁。 doctype 聲明是不區分大小寫的，以下方式均可： <!--推薦使用--> <!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!Doctype Html> 雖然有不區分大小寫，但我們推薦使用 <!DOCTYPE html> HTML 各推薦標準通用聲明HTML5 推薦<!DOCTYPE html> HTML 4.01<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd> XHTML 1.0<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> 中文編碼如果你看到的網頁顯示了一大堆亂碼，原因就是它們都沒有正確的設置編碼，這時候，我們就需要在頭部將字符聲明為 UTF-8 范例:HTML 設置 UTF-8 編碼<!DOCTYPE html> <html> <head> <Meta charset=utf-8> <title>前端之家(www.F2er.com)</title> </head> <body> <h1>前端之家</h1> <p>這是第一個段落標簽</p> </body> </html> |
