HTML 教程- (HTML5 標準)

超文本標記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用於創建網頁的標準標記語言。
您可以使用 HTML 來建立自己的 WEB 站點,HTML 運行在瀏覽器上,由瀏覽器來解析。
在本教程中,您將學習如何使用 HTML 來創建站點。
HTML 很容易學習!相信您能很快學會它!
HTML 實例
本教程包含了數百個 HTML 實例。
使用本站的編輯器,您可以輕鬆實現在線修改 HTML,並查看實例運行結果。
注意:對於中文網頁需要使用 <meta charset="utf-8"> 聲明編碼,否則會出現亂碼。有些瀏覽器(如 360 瀏覽器)會設置 GBK 為默認編碼,則你需要設置為 <meta charset="gbk">。
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>
嚐試一下 »
點擊 "嚐試一下" 按鈕查看在線實例
HTML文檔的後綴名
- .html
- .htm
以上兩種後綴名沒有區別,都可以使用。
HTML 實例
在 HTML 手冊中包含了數百個在線實例,您可以在線編輯並查看運行結果。
HTML 參考手冊
在菜鳥教程中,我們提供了完整的 HTML 參考手冊,其中包括標簽、屬性、顏色、實體等等。
HTML/CSS/JS 在線工具
HTML/CSS/JS 在線工具可以在線編輯 HTML、CSS、JS 代碼,並實時查看效果,你也可以將優質代碼保存分享:https://c.runoob.com/front-end/61
tianqixin
429***967@qq.com
參考地址
注意:HTML中不支持 空格、回車、製表符,它們都會被解析成一個空白字符。
實例
嚐試一下 »
tianqixin
429***967@qq.com
參考地址
一路風塵
896***31@qq.com
參考地址
在使用中常常遇到 utf-8 和 utf8,現在終於弄明白他們的使用不同之處了,現在來和大家分享一下,下麵我們看一下 utf-8 和 utf8 有什麼區別。
"UTF-8" 是標準寫法,php 在 Windows 下邊英文不區分大小寫,所以也可以寫成 "utf-8"。"UTF-8" 也可以把中間的"-"省略,寫成 "UTF8"。一般程序都能識別,但也有例外(如下文),為了嚴格一點,最好用標準的大寫"UTF-8"。
在數據庫中隻能使用"utf8"(MySQL) 在MySQL的命令模式中隻能使用"utf8",不能使用"utf-8",也就是說在PHP程序中隻能使用 "set names utf8(不加小橫杠)",如果你加了"-"此行命令將不會生效,但是在 PHP 中 header 時卻要加上"-",因為 IE 不認識沒杠的"utf8",原因見下文。
PHP 中的 header:
靜態文件使用:
總結:【隻有在MySQL中可以使用"utf-8"的別名"utf8",但是在其他地方一律使用大寫"UTF-8"。】
具體為:
除了在命令 "mysql_query(set names utf8)" 外一律用大寫"UTF-8"。
一路風塵
896***31@qq.com
參考地址
一路風塵
896***31@qq.com
參考地址
htm 與 html 的區別
前者是超文本標記(Hypertext Markup)
後者是超文本標記語言(Hypertext Markup Language)
可以說 htm = html
同時,這兩種都是靜態網頁文件的擴展名,擴展名可以互相更換而不會引起錯誤(這是指打開而言,但是對於一個鏈接來說,如果它指向的是一個htm文件,而那個htm文件被更改為html文件,那麼是找不到這個鏈接的)
那為什麼出現兩種文件格式呢?
htm 是來源於老的 8.3 文件格式,DOS 操作係統隻能支持長度為三位的後綴名,所以是 htm,但在 windows 下無所謂 HTM 與 HTML,html 是為長文件名的格式命名的。所以 htm 是為了兼容過去的DOS命名格式存在的,在效果上沒有區別的。以前 htm 和 html 作為不同的服務器上的超文本文件,但現在通用。
什麼是8.3文件格式? 這是一種在老的16位Win95或Win98文件係統的短文件名文件格式,擴展名隻限於3位,文件名隻限於8位。 如果要與16位係統交互,比如說,要把一個路徑傳給一個16位的程序,你就不能用長文件名,而必須對它進行轉換。例如把“C : /MyLongestPath/MyLongerPath/MyFilename.txt”轉換成“C : /Mylong~1/MyLong~2/Myfile~1.txt”
了解這個有什麼用? 在FAT磁盤格式下的DOS中隻支持8.3文件格式,如果你要在這個環境下做應用,應該要注意這個文件格式問題。在NTFS下,默認可以兼容這種文件格式,同時也支持長文件名,你也可以通過調整注冊表來取消對8.3文件格式也支持。
一路風塵
896***31@qq.com
參考地址
stinkaroo
190***276@qq.com
後綴名選擇:用 htm 還是用 html ?
推薦使用長後綴名 html 。
命名應該遵從含義清晰、簡潔、一致性原則。含義清晰指見名知義,比如這裏的 htm(hypertext markup) 和 html (hypertext markup language) 均采用的是英文單詞首字母縮寫,含義清晰。簡潔要求變量命名盡量簡短,比如此處後綴名使用首字母縮寫而不使用全單詞。一致性原則要求同環境下的大量變量命名符合同樣的規則,比如有的朋友習慣於Linux文件夾命名規則後,使用win係統時新建文件夾命名仍拒絕使用空格,這便造成了新文件夾名與舊文件夾名命名規則不一致。
一致性原則往往更為重要。比如合作開發時,不能各守其是,人為提高開發難度。
從一路風塵的筆記中,我們了解到 htm 是曆史遺留的8.3字符限製命名方式,而現在我們在命名時並未遵守8.3規則。因此,從 htm 和 html 中選擇時,也應該選擇無限製長度命名方式的 html 。
stinkaroo
190***276@qq.com
hero
339***6039@qq.com
總是不知道為什麼,每次編程序時,有這麼一句話 <!DOCTYPE html>。現在我終於明白這是什麼意思了!
它是 HTML5 標準網頁聲明,全稱為 Document Type HyperText Mark-up Language,是一條標示語言。支持 HTML5 標準的主流瀏覽器都認識這個聲明。表示網頁采用 HTML5,<!DOCTYPE html> 聲明位於文檔中的最前麵的位置,處於 <html> 標簽之前。此標簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規範。
hero
339***6039@qq.com