讓后面的文字、圖片、表格等等,顯示在下一行
碼海無際<br>碼海無際
在網頁中要把文字有條理地顯示出來,離不開段落標簽,就如同我們平常寫文章一樣,整個網頁也可以分為若干個段落,而段落的標簽就是
<p>碼海無際</p><p>碼海無際</p>
在網頁中常??吹揭恍┧骄€將段落與段落之間隔開,使得文檔結構清晰,層次分明。這些水平線可以通過插入圖片實現,也可以簡單地通過標簽來完成,hr 就是創建橫跨網頁水平線的標簽。
碼海無際<hr>碼海無際
分區顯示標簽,也稱之為層標簽,常用來編排一大段的HTML段落,也可以用于格式化表,和 p 很相似,是塊狀元素,經常嵌套使用。
<div>碼海無際</div><div>碼海無際</div><div> <div>碼海無際</div> <div>碼海無際</div></div>
用來組合文檔中的行內元素,沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化。
<span>碼海無際</span><span>碼海無際</span>
pre 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。
<pre> 碼海無際 碼海無際</pre>
無序列表的各個列表項之間沒有順序級別之分,是并列的。
<ul> <li>碼海無際</li> <li>碼海無際</li> <li>碼海無際</li></ul>
注意:
1. <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>標簽中輸入其他標簽或者文字的做法是不被允許的。 2. <li>與</li>之間相當于一個容器,可以容納所有元素。 3. 無序列表會帶有自己樣式屬性,但是不推薦使用,一般會用CSS設置。
有序列表即為有排列順序的列表,其各個列表項按照一定的順序排列定義
1.格式:
<ol type="符號類型"> <li type="符號類型"></li> <li type="符號類型"></li></ol>
2.有序列表的type屬性值:
3.有序列表的value屬性值:
4.列表可以進行嵌套
<ol> <li>碼海無際</li> <li>碼海無際</li> <li>碼海無際</li></ol><hr><ol type="A"> <li>碼海無際</li> <li>碼海無際</li> <li>碼海無際</li></ol><hr><ol> <li>碼海無際</li> <li type="A">碼海無際</li> <li>碼海無際</li></ol><hr><ol> <li>碼海無際</li> <li>碼海無際</li> <li value="6" type="A">碼海無際</li> <li>碼海無際</li> <li>碼海無際</li></ol><hr><ol> <li>碼海無際</li> <li>碼海無際</li> <li> <ol type="A"> <li>志存高遠</li> <li>志存高遠</li> </ol> </li> <li>碼海無際</li> <li>碼海無際</li></ol>
對列表條目進行簡短的說明
<dl> <dt>軟件說明:</dt> <dd>這是軟件說明</dd> <dt>軟件界面:</dt> <dd>這是軟軟件界面</dd></dl>
居中對齊
<center>碼海無際</center>
例
簡單的 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,我們一起飛!
例
使用 <summary> 元素:
<details>
<summary>Copyright 1999-2011.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
瀏覽器支持
目前,只有 Chrome 和 Safari 6 支持 <summary> 標簽。
標簽定義及使用說明
<summary> 標簽為 <details> 元素定義一個可見的標題。 當用戶點擊標題時會顯示出詳細信息。
HTML 4.01 與 HTML5之間的差異
<summary> 標簽是 HTML5 中的新標簽。
提示和注釋
注釋:<summary> 元素應該是 <details> 元素的第一個子元素。
全局屬性
<summary> 標簽支持 HTML 的全局屬性。
事件屬性
<summary> 標簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。