How to define a title for a document using HTML5 ?

How to define style information of a document using HTML5 ?

Last Updated : 30 Jun, 2020

In this Article, we define style information for a document by using the <style> element in the document. It is used to change our text, viewed on the page. This change includes changing font-size, font-family, font-color, etc. Not only the texts but you can also change the style of a body or part of a page. Now let us look into various attributes of style and what else the tag supports.

Syntax:

<tagname style="property:value;">

Example 1: The following example demonstrates to define style information for a document using HTML5.

html

<!DOCTYPE html>
<html>

<head>
    <title>
        How to define style information
        for a document using HTML5?
    </title>
</head>

<body>
    <h1 style="font-family:commanders;">
        Hello GeeksforGeeks.
    </h1>

    <h2 style="font-family:Chaparral Pro Light;">
        Hello GeeksforGeeks.
    </h2>

    <h3 style="font-family:algerian;">
        Hello GeeksforGeeks.
    </h3>

    <p style="font-family:Castellar;">
        Hello GeeksforGeeks.
    </p>
</body>

</html>

Output:

Example 2:

html

<!DOCTYPE html>
<html>

<head>
    <title>
        How to define style information
        for a document using HTML5?
    </title>
</head>

<body style="background-color:#616A6B;">

    <h1 style="font-family:commanders; 
        background-color:yellow;">
        Hello GeeksforGeeks.
    </h1>

    <h2 style="font-family:algerian; 
        background-color:cyan;">
        Hello GeeksforGeeks.
    </h2>

    <p style="font-family:Castellar; 
        background-color:green;">
        Hello GeeksforGeeks.
    </p>
</body>

</html>

Output:

Supported Browsers are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Safari

How to define a title for a document using HTML5 ?

M

manaschhabra2

Improve

Article Tags :

Similar Reads

How to define information about the document using HTML ?

The <head> tag in HTML is used to define the head portion of the document which contains metadata related to the document. This tag can contain other head elements such as <title>, <meta>, <link>, <style>, <link> etc. The <head> element was mandatory In HTML

How to define a title for a document using HTML5 ?

In this article, we will define a title for the document by using the <title> tag. This tag in HTML is used to define the title of the HTML document. It sets the title in the browser toolbar. It provides the title for the web page when it is added to favorites. It displays the title for the pa

How to define a section in a document in HTML5 ?

In this article, we will discuss how to define a section in a document in html5. We can create a section in the document using the Section tag. HTML <section> Tag: Section tags divide content into section and subsection. The section tag is used when there is a requirement for two header, foote

How to define header for a document or section using HTML ?

The <header> tag in HTML is used to define the header for a document or a section. It contains information related to the title and heading of the related content. The <header> element is intended to usually contain the sectionâ€™s heading (an h1-h6 element or an <hgroup> element), b

How to define the document's body in HTML5 ?

The document's body in HTML5 is defined by the <body> tag which is placed with in the <html> tags and just after the <head> tag.The body tag can include: headings tags : <h1>, <h2>, <h3> and so on.paragraph tag: <p>line break tag: <br>horizontal rule t

How to specify the main content of a document in HTML5 ?

The <article> tag is one of the new sectioning element in HTML5. The HTML article tag is used to represent an article. More specifically, the content within the <article> tag is independent of the other content of the site (even though it can be related). In other words, the article elem

How to define important text using HTML5 ?

In this article, we define an important text by using the <strong> tag in HTML. It is the parsed tag and used to show the importance of the text. It reflects the text as bold. Syntax: <strong> Contents... </strong> Example 1: html <!DOCTYPE html> <html> <head>

How to define a form for user input using HTML5 ?

In this article, we will learn how to create a form in a webpage by using the <form> tag. This tag is used to create form for user input. Also there are many elements which are used within form tag. Syntax: <form> Form Content... </form> Example: The following code snippet demonstr

How to add footer for a document or section using HTML5 ?

In this article, we define a footer for a document or section by using the <footer> tag. This tag in HTML is used to define a footer of HTML document. This section contains the footer information (author information, copyright information, carriers, etc). The <footer> tag is used within

How to emphasize text in a document using HTML5 ?

In this article, we will emphasize the text in an HTML document by using the <em> element in the document. It is a phrase tag and used to emphasize the text content. Syntax: <em> Contents... </em> Example 1: html <!DOCTYPE html> <html> <head> <title> Emphasi