<style> : Style Information element

by

Introduction

The <style> element in HTML is used to embed CSS (Cascading Style Sheets) directly within an HTML document. It allows you to define the presentation and layout of elements on the webpage.

Here’s an example of how you might use it:

<!DOCTYPE html>
<html>
<head>
    <title>Styling Example</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #d6d2d2;
        }
        h1 {
            color: #333;
        }
        p {
            font-size: 16px;
            line-height: 1.5;
        }
    </style>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>This is an example of how to use the <code>&lt;style&gt;</code> element in HTML to apply CSS styles directly within the document.</p>
</body>
</html>

Output :

In this example , we can change the background colour , heading colour and font size of the text written in <p> tag.

Like <script> tag we can also write <style> in between <head> , <body> tags and also by making a different file of CSS and link with HTML document.

How we can make our webpage stylish we can study it in the CSS language.

Leave a Comment