例
帶有項目和描述的描述列表:
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
瀏覽器支持
所有主流瀏覽器都支持 <dd> 標簽。
標簽定義及使用說明
<dd> 標簽被用來對一個描述列表中的項目/名字進行描述。
<dd> 標簽與 <dl> (定義一個描述列表)和 <dt> (定義項目/名字)一起使用。
在 <dd> 標簽內,您能放置段落、換行、圖片、鏈接、列表等等。
HTML 4.01 與 HTML5之間的差異
在 HTML 4.01 中,<dd> 標簽被用來描述一個定義列表中的條目。
在 HTML5 中,<dd> 標簽被用來描述一個描述列表的項目/名字。
全局屬性
<dd> 標簽支持 HTML 的全局屬性。
事件屬性
<dd> 標簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
一下html中文件標簽和文本標簽的使用
目的是學會使用,所以借助工具可以省好多時間
1.文件標簽:構成html最基本的標簽
html:html文檔的根標簽
head:頭標簽。用于引入html文檔的一些屬性。引入外部的一些資源
title:標題標簽
body:體標簽
<!DOCTYPE html>:html5中定義該文檔是html
2.文本標簽:和文本有關的標簽
注釋:<!-- 注釋內容 –->
<h1> 到<h6>:標題標簽自帶換行的效果
<p>:表示段落的標簽
<br>:換行標簽<br/>和<br>的寫法都不會報錯
<hr>:顯示一條水平線(也是一個自閉和標簽)水平線有一些屬性我們可以控制它的樣式。hr里面表示高度是size而不是height.對齊方式默認是居中的。
<b>:字體加粗
<i>:斜體
<font>:字體標簽(通過屬性來修改字體的字號,大小,顏色,以及字體的樣式)
<center>:文本居然標簽
這里講下網頁下面的版權標簽是如何寫出來的。
3.圖片標簽:用來展示圖片的(圖片也是一個自閉合標簽)
屬性:src:用來指定圖片的位置
什么都不寫默認就是./的形式
../表示上一級目錄
4.列表標簽:
有序列表:ol,li(li表示的是列表的每一項)
無序列表:ul,li
5.鏈接標簽:
a:定義一個超鏈接
屬性:
href:指定訪問資源的URL(統一資源定位符,就是路徑的表示形式)
target:(是目標的意思)指定打開資源的方式
_self:在當前頁面打開
_blank:在空白頁面打開
6.表格標簽:在HTML中的表格只有行的概念,沒有列的概念,將表格以行的形式進行分割,然后再對行進行操作。
table:定義表格
width:表格的寬度
border:邊框
cellpadding:單元格內容左對齊(定義內容和單元格的距離)
cellspacing:邊框合并(定義單元格之間的距離,如果指定為0,單元格的線會合為一條)
bgcolor:背景色
align:表格的對齊樣式
tr:定義行
bgcolor:背景色
align:表格的對齊樣式(是用來修改文本的對齊方式的)
td:定義單元格
colspan:合并列
rowspan:合并行
th:定義表頭單元格
<caption>:表格標題
<thread>:表示表格的頭部分
<tbody>:表示表格的體部分
<tfoot>:表示表格的腳部分
7.塊標簽:div和span是結合css使用的
span:文本信息在一行顯示,行內標簽,內聯標簽(意思就是它不會換行)
div:是會換行的。每一個div占滿一整行。塊級別的標簽
8.語義化標簽:html5中為了提高程序的可讀性,提高了一些標簽
<header>
<footer>
覽器支持
所有主流瀏覽器都支持 <a> 標簽。
標簽定義及使用說明
<a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。
<a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。
在所有瀏覽器中,鏈接的默認外觀如下:
未被訪問的鏈接帶有下劃線而且是藍色的
已被訪問的鏈接帶有下劃線而且是紫色的
活動鏈接帶有下劃線而且是紅色的
提示和注釋
提示:如果沒有使用 href 屬性,則不能使用 hreflang、media、rel、target 以及 type 屬性。
提示:通常在當前瀏覽器窗口中顯示被鏈接頁面,除非規定了其他 target。
提示:請使用 CSS 來改變鏈接的樣式。
HTML 4.01 與 HTML5之間的差異
在 HTML 4.01 中,<a> 標簽既可以是超鏈接,也可以是錨。在 HTML5 中,<a> 標簽是超鏈接,但是假如沒有 href 屬性,它僅僅是超鏈接的一個占位符。
HTML5 有一些新的屬性,同時不再支持一些 HTML 4.01 的屬性。
屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持。規定目標 URL 的字符編碼。 |
coords | coordinates | HTML5 不支持。規定鏈接的坐標。 |
downloadNew | filename | 指定下載鏈接 |
href | URL | 規定鏈接的目標 URL。 |
hreflang | language_code | 規定目標 URL 的基準語言。僅在 href 屬性存在時使用。 |
mediaNew | media_query | 規定目標 URL 的媒介類型。默認值:all。僅在 href 屬性存在時使用。 |
name | section_name | HTML5 不支持。規定錨的名稱。 |
rel | alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag | 規定當前文檔與目標 URL 之間的關系。僅在 href 屬性存在時使用。 |
rev | text | HTML5 不支持。規定目標 URL 與當前文檔之間的關系。 |
shape | defaultrectcirclepoly | HTML5 不支持。規定鏈接的形狀。 |
target | _blank_parent_self_topframename | 規定在何處打開目標 URL。僅在 href 屬性存在時使用。 |
typeNew | MIME_type | 規定目標 URL 的 MIME 類型。僅在 href 屬性存在時使用。注:MIME = Multipurpose Internet Mail Extensions。 |
全局屬性
<a> 標簽支持 HTML 的全局屬性。
事件屬性
<a> 標簽支持 HTML 的事件屬性。
創建超級鏈接
本例演示如何在 HTML 文檔中創建鏈接。
將圖像作為鏈接
本例演示如何使用圖像作為鏈接。
在新的瀏覽器窗口打開鏈接
本例演示如何在新窗口打開一個頁面,這樣的話訪問者就無需離開您的站點了。
創建電子郵件鏈接
本例演示如何鏈接到一個郵件。(本例在安裝郵件客戶端程序后才能工作。)
創建電子郵件鏈接 2
本例演示更加復雜的郵件鏈接。
使用錨跳轉到同一個頁面的不同位置
本例演示如何使用錨的 id 屬性跳轉到頁面的不同位置( HTML5 不支持 name 屬性)
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。