HEADING TAG IN HTML

HEADING TAG

HTML headings are used to create a hierarchical structure for the content on a webpage. They range from level 1 (the most important) to level 6 (the least important).

The most commonly used heading tags are H1, H2, and H3. The H1 heading is typically used for the main title of the webpage, while H2 and H3 headings are used for subheadings and sub-subheadings, respectively.

To create a heading in HTML, you can use the following syntax:

<h1>This is a level 1 heading</h1>

<h2>This is a level 2 heading</h2>

<h3>This is a level 3 heading</h3>

<h4>This is a level 4 heading</h4>

<h5>This is a level 5 heading</h5>

<h6>This is a level 6heading</h6>

source code for heading tag:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, 
    initial-scale=1.0">
    <title>HEADING TAG</title>
</head>

<body>
    <h1>This is a level 1 heading</h1>

    <h2>This is a level 2 heading</h2>

    <h3>This is a level 3 heading</h3>

    <h4>This is a level 4 heading</h4>

    <h5>This is a level 5 heading</h5>

    <h6>This is a level 6heading</h6>
</body>

</html>

It's important to note that search engines give more weight to headings when determining the relevance of a webpage for a particular search query. So, it's a good practice to use headings to organize your content and make it more discoverable.

Additionally, headings can also be styled with CSS to change the font size, color, and other properties. This allows you to make your headings stand out and improve the overall design of your webpage.

In summary, HTML headings are an important tool for structuring the content on your webpage and making it more discoverable. They also provide a way to improve the design of your webpage by allowing you to style them with CSS.

Output of the heading tag example:

Comments

HTML Element

HTML Element HTMl Element क्या है – What is an HTML Element? यह प्रश्न हमेशा ही Confuse करता है. खासततौर पर नये-नये Programmers तो HTML Elements के बारे में Confused ही रहते है. इसी Confusion को दूर करने के लिये हमने यह Lesson तैयार किया है. इस Lesson में हम आपको HTML Element क्या है? HTML Element और HTML Tag में अंतर क्या है – Different between HTML Tag and HTML Element? HTML Element के प्रकार – Types of HTML Elements? आदि के बारे में जानकारी देंगे. Table of Content HTML Element क्या है – What is an HTML Element?

LIST TAG

List tag HTML lists are used to organize and structure content on a web page. There are two types of lists in HTML: ordered and unordered. An ordered list is represented by the <ol> tag, and each list item is represented by the <li> tag. The items in an ordered list are numbered, and the numbers are automatically generated by the browser. Here's an example of an ordered list: <ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ol> This will be rendered as: Item 1 Item 2 Item 3 An unordered list is represented by the <ul> tag, and each list item is represented by the <li> tag. The items in an unordered list are bullet points, and the bullet points are automatically generated by the browser. Here's an example of an unordered list: <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> This will be rendered as: Item 1 Item 2 Item 3 You

Clock Using Html & Js

CLOCK : : Code for this clock <! DOCTYPE html > < html lang = " en " > < head > < meta charset = " UTF-8 " > < meta http-equiv = " X-UA-Compatible " content = " IE=edge " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < title > Document </ title > </ head > < style > body { background-color : black ; width : 98 vw ; height : 95 vh ; border : 4 px double cornflowerblue ; } . heading { text-align : center ; margin-top : 10 px ; font-size : 70 px ; color : crimson ; } . heading img { height : 50 px ; width : 60 px ; } . time { text-align : center ; color : crimson ; font-size : 100 px ; padding-top : 70 px ; } .

Tutes4u

Search This Blog