Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
例
簡單的 HTML5 文檔:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標題</title>
</head>
<body>
文檔內容......
</body>
</html>
瀏覽器支持
所有主流瀏覽器都支持 <html> 標簽。
標簽定義及使用說明
<html> 標簽告知瀏覽器這是一個 HTML 文檔。
<html> 標簽是 HTML 文檔中最外層的元素。
<html> 標簽是所有其他 HTML 元素(除了 <!DOCTYPE> 標簽)的容器。
HTML 4.01 與 HTML5之間的差異
HTML5 中,增加了一個新屬性:manifest。
HTML 與 XHTML 之間的差異
xmlns 屬性在 XHTML 中是必需的,但在 HTML中不是。
然而,即使 XHTML 文檔中的 <html> 沒有使用 xmlns 屬性,W3C 上的 HTML 驗證器也不會報錯。這是因為 "xmlns=http://www.w3.org/1999/xhtml" 是一個固定值,即使您沒有包含它,此值也會被添加到 <html> 標簽中。
屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
manifestNew | URL | 定義一個 URL,在這個 URL 上描述了文檔的緩存信息。 |
xmlns | http://www.w3.org/1999/xhtml | HTML 不支持。只有 XHTML 支持。 規定 XML 的 namespace 屬性(如果您需要您的內容符合 XHTML,則使用這個屬性。)。 |
全局屬性
<html> 標簽支持 HTML 的全局屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
篇文章我們介紹了怎么創建一個最基本的網頁,這篇我們介紹一下經常被使用的標簽及用途。
顯示在瀏覽器中的內容都要添加在基本模板中的body標簽的中間,這點一定要記住!!
下面的body標簽中各個標簽,我做了解釋說明,大概了解各個標簽長什么樣子,能記住就更好了。
下面的HTML代碼可以直接復制到你的網頁中(創建HTML文件的方法上篇文章有介紹)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>這里是網頁的標題,你看到在哪里顯示的了嗎?——橙先生</title>
</head>
<body>
<div>div標簽可以理解為是個空盒子,什么都能裝下</div>
<!-- img標簽用來插入圖片,src="圖片路徑",alt屬性可選,用來描述圖片, <img src="圖片路徑" alt="圖片的說明(可選)"> -->
這是一張圖片,注意這里的img標簽形式,這是個單標簽
<img src="圖片地址" alt="圖片的說明(可選)">
<!-- a標簽用來添加超鏈接 ,target="_blank"屬性用來點擊鏈接后跳轉到新的瀏覽器頁簽 href="需要跳轉到的網址或是文件"-->
<a href="需要跳轉到的網址或是文件,如" target="_blank">這個是文字的鏈接,也可以在其他內容上添加(比如圖片)</a>
<!-- p標簽用來填入文字 -->
<p>在這里填入文字</p>
<p>在這里填入文字</p>
<!-- span標簽用來添加文字等,屬于行內元素 -->
<span>在這里添加你想要的內容</span><span>!!!!!!這里是另外一段內容</span>
<!-- 這里說說塊元素和行內元素,像上面的P標簽就是塊元素,它獨占一行, span標簽就是行內元素,可以在一行中顯示多個span標簽內容 -->
<!-- br標簽用來換行 -->
<br>
<!-- h1至h6是有固定大小的標題/文字標簽 -->
<h1>這是h1里的內容</h1>
<h2>這是h2里的內容</h2>
<h3>這是h3里的內容</h3>
<h4>這是h4里的內容</h4>
<h5>這是h5里的內容</h5>
<h6>這是h6里的內容</h6>
<!-- ul 和li是固定的搭配,是無序列表,可以有N個li -->
<ul>
<li>這里是無序列表1</li>
<li>這里是無序列表2</li>
<li>這里是無序列表3</li>
</ul>
<!-- ol 和li是固定的搭配,是有序列表,可以有N個li -->
<ol>
<li>這里是有序列表1</li>
<li>這里是有序列表2</li>
</ol>
<!-- table 、tr 和 td是固定搭配 :table是表格,tr是表格里的行,td是表格里的列, 表格里可以有N行 N列-->
<table>
<tr>
<td>表格中第一行的第1列</td>
<td>表格中第一行的第2列</td>
</tr>
<tr>
<td>表格中第二行的第1列</td>
<td>表格中第二行的第2列</td>
<td>表格中第二行的第3列</td>
</tr>
</table>
?
</body>
</html>
上面的內容已經大致了解了吧?下一篇我們將介紹各種常用到的樣式,讓各個標簽更加的美觀。記得關注一下哦!
例
HTML 兩個列表實例: 一個有序列表 (<ol>) 和 一個無序列表 (<ul>) :
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
瀏覽器支持
目前多數主流瀏覽器支持 <li>標簽。
標簽定義及使用說明
<li> 標簽定義列表項目。
<li> 標簽可用在有序列表(<ol>)、無序列表(<ul>)和菜單列表(<menu>)中。
HTML 4.01 與 HTML5之間的差異
"type" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。
"value" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。
提示和注釋
提示: 請使用 CSS 來定義列表和列表項目的類型。
屬性
屬性 | 值 | 描述 |
---|---|---|
type | 1AaIidiscsquarecircle | HTML5 不支持該屬性。HTML 4.01 已廢棄該屬性。 不贊成使用。請使用樣式取代它。 規定使用哪種項目符號。 |
value | number | 不贊成使用。請使用樣式取代它。 規定列表項目的數字。 |
全局屬性
<li> 標簽支持全局屬性,查看完整屬性表 HTML 全局屬性。
事件屬性
<li> 標簽支持所有 HTML 事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。