Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lära Using External Resources | Working with Advanced Elements
HTML for Beginners

bookUsing External Resources

When you develop web pages with HTML, you often need to link to external resources. For example, we usually keep our CSS and JavaScript codes in separate files.

Adding external CSS files

Suppose your CSS codes are in an "index.css" file. You use the <link> tag to link that file to your HTML code. We place this <link> tag inside the <head> tag.

With the <link> tag, we use the rel attribute to define the relationship of the external file and the href attribute to assign the external file path.

Here is the code we use for that:

<link rel="stylesheet" href="index.css" />
index.html

index.html

index.css

index.css

copy

Adding external Javascript files

When we want to add external Javascript files to our HTML web page, we use the <script> tag with the src attribute.

<script src="index.js"></script>
index.html

index.html

index.js

index.js

copy
question mark

Which of the following attributes are required for tag?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 2

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 7.69

bookUsing External Resources

Svep för att visa menyn

When you develop web pages with HTML, you often need to link to external resources. For example, we usually keep our CSS and JavaScript codes in separate files.

Adding external CSS files

Suppose your CSS codes are in an "index.css" file. You use the <link> tag to link that file to your HTML code. We place this <link> tag inside the <head> tag.

With the <link> tag, we use the rel attribute to define the relationship of the external file and the href attribute to assign the external file path.

Here is the code we use for that:

<link rel="stylesheet" href="index.css" />
index.html

index.html

index.css

index.css

copy

Adding external Javascript files

When we want to add external Javascript files to our HTML web page, we use the <script> tag with the src attribute.

<script src="index.js"></script>
index.html

index.html

index.js

index.js

copy
question mark

Which of the following attributes are required for tag?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 2
some-alt