好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HTML学习12:其他常见标签之头标签_html/css_WEB-ITnose

头标签都放在 头部分之间。包括:title标签,base标签,meta标签,link标签,style标签和script

标签(这个标签也可以放在体部分中)。

一 标签

是成对出现的,作用是显示网页标题,指定浏览器的标题栏显示的内容。是head标签中唯一要求包

含的东西。

                 这是我的第一个网页                                          
浏览器显示的 结果为:


二标签

link标签必须置于head里,定义文档与外部资源的关系。比如:链接样式表,引入样式文件。

href属性:被链接文档的地址。

rel属性:描述当前文档与被链接文档的关系。

type属性:规定被链接文档的类型。

media属性:指定被链接文档在哪种设备上起作用,也就是显示在什么设备上。

HTML代码:

                 这是我的第一个网页                                 

这是一个段落

CSS代码:
/* CSS Document */p {background-color:#000000;color:#FF0000;} 
浏览器显示的 结果为:


我们在这里再说一个外部延伸,就是设置地址栏图片:

方法1:favicon.ico放置在网站的根目录。一般适用于大中型网站。

方法2:放在head内,使用link标签引入。一般适用于小型网站,个人博客等网站。

演示:

                 这是我的第一个网页                                        

这是一个段落

CSS代码同上。

显示 结果为:


三 标签

必须置于head里。

href属性:指定网页中所有的超链接的目录。可以是本地目录,也可以是网络目录。注意值的结尾处一定要用/表

示目录。只作用于相对路径的超链接文件。定义默认链接地址。

target属性:指定默认打开超链接的方式。如_blank表示所有的超链接都用新窗口打开显示。

                                                               这是我的第一个网页                          

这是一个段落

百度一下,你就知道
浏览器显示的 结果为:


四 标签:

必须置于head里,作用是提供有关页面的元信息,其属性定义了与文档相关联的名称/值对。


http-equiv属性:把content属性关联到HTTP头部,模拟HTTP协议的响应消息头。


其他的关于http-equiv的内容:


name属性:把content属性关联到一个名称,网页的描述信息。当取keywords时,content属性的内容就作为搜

素引擎的关键字进行搜索。


示例图片:


scheme属性:定义用于翻译content属性值的格式,这个不常用。

以上的总的HTML代码:

                                                                                                                       这是我的第一个网页                          

这是一个段落

百度一下,你就知道
显示 结果为只有上传到服务器端才有功能显示,在SEO搜索优化的时候也会出现相应的内容。

五 标签

置于head里,为HTML文档定义样式信息。这个我们在CSS中会具体地提到和讲解。

style属性:


media常见的属性:


HTNL代码:

     标签演示  p {color:#0000FF;font-size:20px;          

这是一个段落

显示 结果为:


六 标签:

可置于head里,也可以置于body里。定义客户端脚本或者引入脚本。这个我们在JavaScript中具体的讲解。

script的属性内容:

     标签演示     alert('hello'); >     
显示 结果为:







版权声明:本文为博主原创文章,未经博主允许不得转载。

查看更多关于HTML学习12:其他常见标签之头标签_html/css_WEB-ITnose的详细内容...

  阅读:28次