图文讲解-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区标签


分享到:


相關文章: