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

原创
2016-06-24 11:34:19 595浏览

头标签都放在

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

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

标签 <p> </p><title>是成对出现的,作用是显示网页标题,指定浏览器的标题栏显示的内容。是head标签中唯一要求包 <p>含的东西。</p> <p></p> <pre name="code" class="sycode"> <title>这是我的第一个网页 浏览器显示的结果为:


标签

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代码:

                     
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。