HTML标签天天练5--<link>-优快云博客

本文详细介绍了HTML中的<link>标签，包括它的用途、属性及其在文档中的正确放置位置。通过实例代码展示了如何使用<link>标签来引入外部CSS文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<wbr style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"><span style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"></span><wbr style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"><span style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)">继续上篇文章关于链接的标签，今天讲的是</span><span style="color:#ED1C24; word-wrap:normal; word-break:normal; line-height:21px; font-family:simsun; font-size:14px; text-align:left; background-color:rgb(231,238,244)"><link></span><span style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)">：</span> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> <wbr><wbr><strong><a></strong>标签意指给某个或某些文字，定义一个超链接，让鼠标可以点击后指向此链接的URL地址。</wbr></wbr> </div> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> 而<strong><link></strong>则是定义整篇HTML文档的CSS链接位置，这个位置可以是网站内部，也可以是网站外部。</div> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> 请指导如下代码复制到DW中尝试：</div> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> <div> <textarea readonly name="code" class="html"><pre name="code" class="html"><html> <head> <link href="http://simg.sinajs.cn/blog7style/css/conf/blog/indexM.css" type="text/css" rel="stylesheet" /> </head> <body> <h1>此文字通过外部样式表进行了格式化！</h1> <p>这行也都是一样！只是段落标签不相同而已！</p> </body> </html> </pre></textarea><br><span style="background-color:rgb(231,238,244); font-family:simsun">——其中，</span><span style="background-color:rgb(231,238,244); font-family:simsun; color:rgb(255,0,0); word-wrap:normal; word-break:normal">href</span><span style="background-color:rgb(231,238,244); font-family:simsun">指向被链接文档的位置，</span><span style="background-color:rgb(231,238,244); font-family:simsun; color:rgb(255,0,0); word-wrap:normal; word-break:normal">type</span><span style="background-color:rgb(231,238,244); font-family:simsun">指被链接文档的属性类型，</span><span style="background-color:rgb(231,238,244); font-family:simsun; color:rgb(255,0,0); word-wrap:normal; word-break:normal">rel</span><span style="background-color:rgb(231,238,244); font-family:simsun">指被链接文档是个样式表。</span> <pre></pre> </div> </div> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> ——<link>标签的摆放位置，<span style="color:#FF0000; word-wrap:normal; word-break:normal">必须</span>在HTML文档的<head>标签内，才能发挥其应有的作用!<span style="color:#ED1C24; word-wrap:normal; word-break:normal"><strong>切记!</strong></span> </div> </wbr></wbr>