With the help of sample code, highlight different methods to incorporate CSS code in an HTML webpage.

Methods to incorporate CSS code in an HTML webpage

There are three main methods to add CSS to an HTML page:

  1. Inline CSS: Using the style attribute within an HTML tag.
  2. Internal CSS: Writing CSS inside the <style> tag in the <head> section.
  3. External CSS: Linking to an external .css file.

Example Code:

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>CSS Methods</title>

<!– Internal CSS –>
<style>
h1 {
color: blue;
text-align: center;
}
</style>

<!– External CSS (link to external file) –>
<link rel=”stylesheet” href=”styles.css”>

</head>
<body>

<!– Inline CSS –>
<h1 style=”color: red;”>This is a Heading with Inline CSS</h1>

<h1>This is a Heading with Internal CSS</h1>

</body>
</html>

In this example, you can see how to use inline, internal, and external CSS.

Related Questions:

  1. Differentiate between different types of headings in HTML
  2. Elaborate steps and provide code to load a background image in a webpage.
  3. Sketch steps and provide code to apply border and color to a table in a webpage.
  4. Discuss the functionality JavaScript can provide in a webpage with the help of a suitable example code.
  5. Articulate steps and write code to create a scrolling text on a webpage.
  6. Contrast between website and web application.
  7. What is ‘href’ and how is it used
  8. Enlist the optional parameters to open a webpage.
  9. List the frequent tags used in the text of a webpage and their usage.
  10. Explain the role of tag-pair in a document.
  11. How is event-based code used in JavaScript?
  12. Infer about External CSS. Where is it generally used?
  13. What is Document Object Model? Explain with the help of an example.