圖文講解-HTML代碼、引文、head區標籤

本節是第二講的第三小節,在上一節為大家介紹了HTML文本標籤,本節開始為大家介紹HTML代碼、引文引用、head區相關標籤。

代碼相關的標籤(5個)

<code> 計算機代碼。例如:<code>這是計算機代碼/<code>

鍵盤碼(keyborad)。例如:這是鍵盤碼

<samp> 計算機代碼樣本(sample)。例如:<samp>這是計算機代碼樣本/<samp>

變量(variable)。例如:這是變量

打印機文本(teletype)。例如:這是打印機文本

引文、引用相關的標籤(7個)

<abbr> 縮寫(abbreviation)。例如:<abbr>中國/<abbr>

<address> 地址。例如:<address>這是地址/<address>

長的引用。屬性:cite(URL)。例如:這是一個長引用。

短的引用(quote)。屬性:cite(URL)。例如:這是一個短引用

<cite> 引用、引證。例如:<cite>這是一個引用/<cite>/<cite>

一個定義項目(definition)。例如:這是一個定義

<time> 日期或時間。屬性:datetime 例如:<time>2020年元旦/<time>

head頭部相關的標籤(3個)

<base> 所有的相對鏈接規定默認 URL 或默認目標。例如:<base>

<link> 鏈接外部資源。屬性:href(URL),rel(alternate,archives,author,bookmark,external,first,help,icon,last,license,next,nofollow,noreferrer,pingback,prefetch,prev,search,sidebar,stylesheet,tag,up),type(MIME)。例如:<link>

元數據。屬性:charset(character),content(text),http-equiv(content-type,default-style,refresh),name(application-name,author,description,generator,keywords)。例如:

以下是關於所講標籤的具體實例:































<base>

<title>代碼、引用、head區標籤綜合演示-15個標籤/<title>

<link>

<link>




代碼相關標籤(5個):

<code>這是計算機代碼code標籤的效果/<code>

這是鍵盤碼kbd標籤的效果

<samp>這是計算機代碼樣本samp標籤的效果/<samp>

這是變量var標籤的效果

這是打印機文本tt標籤的效果



引用相關標籤(7個):


<abbr>這是縮寫標籤abbr的效果/<abbr>

<address>

這是地址address標籤的效果

/<address>

這是一個長引用。



這是一個短引用q標籤的效果

<cite>這是一個引用cite標籤的效果/<cite>

這是一個定義項目dfn標籤的效果

<time>2020年元旦/<time>



base標籤效果:




以上內容部分摘自視頻課程02網頁前端HTML-3html代碼、引文、head區標籤。最後,希望大家遠離病毒,疫情早日結束。武漢加油!湖北加油!中國加油!


圖文講解-HTML代碼、引文、head區標籤


分享到:


相關文章: