html概述
HTML是 HyperText Mark-up Language 的首字母簡寫,意思是超文本標記語言,超文本指的是超鏈接,標記指的是標簽,是一種用來制作網頁的語言,這種語言由一個個的標簽組成,用這種語言制作的文件保存的是一個文本文件,文件的擴展名為html或者htm,一個html文件就是一個網頁,html文件用編輯器打開顯示的是文本,可以用文本的方式編輯它,如果用瀏覽器打開,瀏覽器會按照標簽描述內容將文件渲染成網頁,顯示的網頁可以從一個網頁鏈接跳轉到另外一個網頁。
html基本結構
一個html的基本結構如下:
<!DOCTYPE html>
<html lang="en"><head> <meta charset="UTF-8"><title>網頁標題</title></head><body>網頁顯示內容</body>
</html>
第一行是文檔聲明,第二行“”標簽和最后一行“”定義html文檔的整體,“”標簽中的‘lang=“en”’定義網頁的語言為英文,定義成中文是'lang="zh-CN"',不定義也沒什么影響,它一般作為分析統計用。 “
”標簽和“”標簽是它的第一層子元素,“”標簽里面負責對網頁進行一些設置以及定義標題,設置包括定義網頁的編碼格式,外鏈css樣式文件和javascript文件等,設置的內容不會顯示在網頁上,標題的內容會顯示在標題欄,“”內編寫網頁上顯示的內容。HTML文檔類型
目前常用的兩種文檔類型是xhtml 1.0和html5
xhtml 1.0
xhtml 1.0 是html5之前的一個常用的版本,目前許多網站仍然使用此版本。
此版本文檔用sublime text創建方法: html:xt + tab
文檔示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title> xhtml 1.0 文檔類型 </title>
</head>
<body></body>
</html>
html5pc端可以使用xhtml 1.0,也可以使用html5,html5是向下兼容的
此版本文檔用sublime text創建方法: html:5 + tab 或者 ! + tab
文檔示例:<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title> html5文檔類型 </title>
</head>
<body></body>
</html>
兩種文檔的區別
1、文檔聲明和編碼聲明
2、html5新增了標簽元素以及元素屬性
html文檔規范
xhtml制定了文檔的編寫規范,html5可部分遵守,也可全部遵守,看開發要求。
1、所有的標簽必須小寫
2、所有的屬性必須用雙引號括起來
3、所有標簽必須閉合
4、img必須要加alt屬性(對圖片的描述)
html注釋:
html文檔代碼中可以插入注釋,注釋是對代碼的說明和解釋,注釋的內容不會顯示在頁面上,html代碼中插入注釋的方法是:
<!-- 這是一段注釋 -->
html標簽特點:
html的標簽大部分是成對出現的,少量是單個出現的,特定標簽之間可以相互嵌套,嵌套就是指一個標簽里面可以包含一個或多個其他的標簽,包含的標簽和父標簽可以是同類型的,也可以是不同類型的:
<!-- 成對出現的標簽 -->
<body>......</body>
<p>......</p>
<div>......</div>
<b>......</b><!-- 單個出現的標簽 -->
<br />
<img src="..." />
<input type="..." /><!-- 標簽之間的嵌套 -->
<p><span>...</span><a href="...">...</a>
</p>
<div><h3>...</h3><div><span>...</span><p>...</p></div>
</div>