如何使用<link>标记定义与外部资源的关系？
HTML中的<link>标记用于定义与外部资源的关系。它用于链接外部样式表。它被添加到<head>…<head>标记内，但没有结束标记。在其中定义您的外部CSS文件。
单独创建的CSS文件将包含所有CSS代码。href属性添加css文件链接。
您可以尝试运行以下代码以在HTML中包含外部CSS。HTML文件在这里，带有指向CSS文件style.css的链接
示例
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="mystyles.css"> </head> <body> <h1>Heading</h1> <p>This is demo content.</p> </body> </html>
CSS文件mystyles.css和CSS代码，
h1
{ color: green; }
p
{ font-size: 14px; } 基础教程
- HTML基础教程
- HTML5基础教程
- HTML参考手册
- SVG 教程
- CSS 教程
- CSS 参考手册
- CSS3教程
- Bootstrap3 教程
- Bootstrap4 教程
- Font Awesome图标
- JavaScript 教程
- JavaScript 参考手册
- jQuery 教程
- AJAX 教程
- JSON 教程
- AngularJS 教程
- ReactJS 教程
- NodeJS 教程
- Python 教程
- C++ 教程
- Golang 教程
- C 语言教程
- PHP 教程
- C# 教程
- LINQ 教程
- Lua 教程
- Ruby 教程
- Rust 教程
- Linux 教程
- R 语言教程
- Docker 教程
- Scala 教程
- MatLab 教程
- Erlang 教程
- Pandas教程
- Numpy教程
- Matplotlib教程
- Flask教程
- Java 教程
- SpringBoot 教程
- JDBC 教程
- JSP 教程
- Servlet 教程
- Maven 教程
- Spring 教程
- Django 教程
- Swift 教程
- Kotlin 教程
- SQL 教程
- MongoDB 教程
- SQLite 教程
- PostgreSQL 教程
- MySql 教程
- Redis 教程
- Elasticsearch 教程
猜你喜欢
- 如何用HTML创建书目？
- 如何验证您的网站代码？
- 我们如何在HTML中并排放置两个分区<div>？
- 我们如何在HTML中并排放置三个分区 <div>？
- 如何使用除法标记<div>设置HTML元素的样式？
- 我们如何使用span标签<span>为HTML元素设置样式？
- 我们如何在HTML中使用不同的CSS类？
- 如何在HTML中创建浮动版式？
- 如何在HTML中创建Flexbox布局？
- 如何使用HTML页面内的 <iframe>标签创建内联框架？
- HTML文档的基本标记是什么？
- HTML文档最重要的标签是什么？
- 如何使用 <style>标记为HTML页面定义样式信息？
- HTML文档的基本最小结构是什么？
- 如何创建没有<head>元素的有效HTML文档？
- 如何使用<link>标记定义与外部资源的关系？
- 在HTML页面中定义特殊元信息有哪些不同的<meta>标签？
- 如何创建没有<html> <body>和<head>元素的有效HTML文档？
- 如何在HTML页面内包含外部JavaScript？
- 如何在HTML页面中包含内联JavaScript？
- 如何将Google AdSense集成到您的网页中？
- 如何使用JavaScript将消息打印到错误控制台？
- 如何设置JavaScript警报框的宽度和高度？
- 如何在JavaScript中获取当前日期和时间？
- 如何使用JavaScript更改确认框中的按钮标签？