HTML Introduction :Tags

0

 Introduction to HTML tags :

1.The<!DOCTYPE HTML> the declaration defines that this document is an HTML5 document

2.The <html> element is the root element of an HTML page.

3.The <head> the element contains meta-information about the HTML page

4.The <tittle>  the element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)

5. The <body> element defines the document's body and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.

6.The <h> element defines a large heading.

7.The <p1> the element defines a paragraph.

8. The <pre> is the element that keeps the indentation and style the same as written in code.

9.<br> The line brake which brakes the line by giving spaces. This tag does not require a closing tag as all other tags mentioned above.

10. <marqee> The tag shows moving text horizontally or vertically, it can also be used as a banner warning.

11. <hr> tag is used to draw a straight line just like <br> it do not require a closing tag.

12. <li> tag used to list things in a table.

13. <ol> the ordered list tag is used to write the order of the listed things.

14.<a href > anchor tag used to link different files and links to HTML.

ILLUSTRATION OF ALL TAGS ARE GIVEN BELOW:

The syntax of a Html code (Boilerplate):

<!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>
<body>
   
</body>
</html>


<!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>Introduction to HTML</title>
    <style>
        font{
            background:chartreuse;
        }
        li{
            background:rgb(1322559);
        }
        pre{
            font-size: 24px;
            background:cyan;
        }
    </style>
    
</head>
<body bgcolor="SlateBlue">
    <h1><U>Introduction to HTML</U></h1>
    <h2><U>History of HTML:</U></h2>
    <font color = "black" size = "4" face= "Informal Roman" >In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN researchers to use and share documents. In 1989, Berners-Lee wrote a memo proposing an Internet-based hypertext system. <em><strong> Specified HTML and wrote the browser and server software in late 1990. That year, Berners-Lee and CERN data systems engineer Robert Cailliau collaborated on a joint request for funding, but the project was not formally adopted by CERN</strong></em>. In his personal notes from 1990 he listed"some of the many areas in which hypertext is used" and put an encyclopedia first.</font>
    <hr color="black">
    <h2><U>How it works:</U></h2>
    <font color = "black" size = "4" face= "Informal Roman" ><li>browser. <em> Abc </em>.</li><br><li>Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.</li><br><li><TT><u>HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects such as interactive forms may be embedded into the rendered page. HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets.</TT> </u></li></font>

    <pre>
        version               date 
        ---------------------------------
       1) HTML 2          November 24, 1995
       1) HTML 3          January 14, 1997
       1) HTML 4          December 18, 1997
       1) HTML 5          October 28, 2014
    </pre>
    
    
</body>
</html>


<!DOCTYPE html>
<html>
    <head>
        <title>Html order list</title>
        <body>
<marquee style="color:#0339fc"><em>husha good girl</em></marquee>
            <ol type="a">
                <li><em><strong>beetroot</strong></em></li>
                <hr>
                <li>Ginger</li>
                <hr>
                <li>Radish</li>
                <hr>
                <li>potato</li>
                <hr>
                <li >Onion</li>
                <hr>
                <li>carrot</li>
                <hr>
                <li>Chilis</li>
                <hr>
<p><a href = "https://codewithmahattva.blogspot.com/html"> code with mahattva</a></p>
<img src="D:\wallpapers\2018_bmw_m8_gran_coupe_concept_4_1600x1200.jpg"
Style = "width:300px;height:228px;"alt="chomu!!">
</ol>
</body>
</head>
</html>

Post a Comment

0 Comments
Post a Comment (0)
To Top