简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Home
Article
Q&A
Course
Topic
Download
Game
Dictionary
Recent Updates

Home  >  Article  >  Web Front-end  >  HTML学习12：其他常见标签之头标签_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:34:19830browse

       头标签都放在

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

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

       一

标签 <p>       </p> <title>是成对出现的，作用是显示网页标题，指定浏览器的标题栏显示的内容。是head标签中唯一要求包 <p>含的东西。</p> <p></p> <pre name="code" class="sycode"> <title>这是我的第一个网页</title> </pre>        浏览器显示的结果为： <p></p> <p><br></p> <p>        二<link>标签</p> <p>        link标签必须置于head里，定义文档与外部资源的关系。比如：链接样式表，引入样式文件。</p> <p>        href属性：被链接文档的地址。</p> <p>        rel属性：描述当前文档与被链接文档的关系。</p> <p>        type属性：规定被链接文档的类型。</p> <p>        media属性：指定被链接文档在哪种设备上起作用，也就是显示在什么设备上。</p> <p>        HTML代码：<br></p> <pre name="code" class="sycode"> <title>这是我的第一个网页</title> <link rel="stylesheet" style="text/css" href="a.css"> <p>这是一个段落</p> </pre>        CSS代码： <br> <pre name="code" class="sycode">/* CSS Document */p {background-color:#000000;color:#FF0000;}</pre>        浏览器显示的结果为： <p></p> <p><br></p> <p>        我们在这里再说一个外部延伸，就是设置地址栏图片：</p> <p>        方法1：favicon.ico放置在网站的根目录。一般适用于大中型网站。</p> <p>        方法2：放在head内，使用link标签引入。一般适用于小型网站，个人博客等网站。</p> <p>        演示：<br></p> <pre name="code" class="sycode"> <title>这是我的第一个网页</title> <link rel="stylesheet" style="text/css" href="a.css"> <link rel="shortcut icon" type="imag/x-icon" href="5.jpg"> <p>这是一个段落</p><p> </p></pre>        CSS代码同上。 <p></p> <p>        显示结果为：</p> <p><br></p> <p>        三<base>标签</p> <p>        必须置于head里。</p> <p>        href属性：指定网页中所有的超链接的目录。可以是本地目录，也可以是网络目录。注意值的结尾处一定要用/表</p> <p>示目录。只作用于相对路径的超链接文件。定义默认链接地址。</p> <p>       target属性：指定默认打开超链接的方式。如_blank表示所有的超链接都用新窗口打开显示。</p> <p></p> <pre name="code" class="sycode"> <!--link标签链接外部样式表--> <link rel="stylesheet" type="text/css" href="a.css"> <!--link标签链接标题栏图标--> <link rel="shortcut icon" type="imag/x-icon" href="5.jpg"> <!--base标签链接默认地址，指定默认打开方式--> <base href="https://www.baidu.com" target="_blank"> <title>这是我的第一个网页</title> <p>这是一个段落</p> <a href="">百度一下，你就知道</a> </pre>         浏览器显示的结果为： <p></p> <p><br></p> <p>        四<meta>标签：</p> <p>        必须置于head里，作用是提供有关页面的元信息，其属性定义了与文档相关联的名称/值对。</p> <p><br></p> <p>        http-equiv属性：把content属性关联到HTTP头部，模拟HTTP协议的响应消息头。</p> <p><br></p> <p>        其他的关于http-equiv的内容：</p> <p><br></p> <p>        name属性：把content属性关联到一个名称，网页的描述信息。当取keywords时，content属性的内容就作为搜</p> <p>素引擎的关键字进行搜索。</p> <p><br></p> <p>        示例图片：</p> <p><br></p> <p>        scheme属性：定义用于翻译content属性值的格式，这个不常用。</p> <p>        以上的总的HTML代码：<br></p> <pre name="code" class="sycode"> <!--指定网页文档解析为中文--> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </pre>
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：解决360、猎豹浏览器等极速模式下css3兼容问题_html/css_WEB-ITnoseNext article：移动端网站或APP点击后出现闪动或灰色背景_html/css_WEB-ITnose

Related articles

See more