task3.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>htmlintroduction</title>
</head>
<body>
    <h1>HTML introduction</h1>
    <p><strong>HTML</strong>stands for<strong>HYPERTEXT MARKUP LANGUAGE</strong>it is the standard language used to create and structure content on the web</P>
    <ul>
        <li>HTML is a markup language, not a programming language, meaning it annotates text to define how it is structured and displayed by web browsers.</li>
        <li>It forms the building blocks of all websites and is complemented by CSS for style and JavaScript for interactivity. </li>
    </ul>
    <p>in anut shell,HTML is all about <strong> organizing and dispalying information</strong> on a web .we can think of it as the <starong>bonus</starong> or <strong> structure</strong> of awebpage</p>
    <h1>Table of contents</h1>
    <ul> 
        <li><a href="#why learn html?">why learn html?</a> </li>
        <li><a href="#feature of html">feature of html </a></li>
        <li><a href="#HTML elements and HTML tags ">HTML elements and HTMLtags</a></li>
        <li><a href="#HTML page structure">HTML page structure</a></li>
        <li><A href="#web browsers">web browsers</A></li>
        <li><a href="#HTML history">HTML history</a></li>
        <li><A href="#Advantages of html">Advantages of html </A></li>
        <li><A href="#Disadvantages of HTML">Disadvantsges of HTML </A></li>
        <H1 id="why learn html?">why learn HTML?</H1>
        <P>here are <strong>5 common reasons to learn HTML:</strong></P>
        <ol>
            <li><p><strong>Build website:</strong>HTML is the basic building block for creating any website. Learning HTML can help you pursue a career in web development.</p></li>
            <li><p><strong>customize content:</strong>Allows you to edit or tweak web pages, emails, or templates to fit your needs.</p> </li>
            <li><p> <strong>how the web works: </strong>Helps you grasp how the internet works and how web pages are structured.</p></li>
            <li><p><strong>employment opportunities:</strong></p> According to Bureau of Labor Statistics projects that employment for web developers will grow 16% between 2022-2032, which is much faster than the average across all occupations.
            </li>
            <li> <p> <strong>learn easily: </strong> HTML is beginner-friendly, making it a great first step into the world of coding and technology</p></li>
        </ol>
        <h1 id="feature of html">Feature of HTML</h1>
        <ul>
            <li>
                <p> it is eassy to learn and easy to use</p>
            </li>
            <li><p>it is a platform -independent</p></li>
            <li> <p>Images, videos, and audio can be added to a web page. </p></li>
            <li><p> Hypertext can be added to the text.</p></li>
            <li><p>It is a markup language. </p></li>
            
        </ul>
        <h1 id="HTML elements and HTML tags">HTML Elements AND HTML Tags</h1>
        <p>HTML Element and HTML Tags are related but distinct. An<strong> HTML element</strong>is the complete structure, including the opening tag, content (if any), and the closing tag (if applicable).on the other hand <strong>tag</strong> actual keyword or name enclosed in angle brackets (< >) that tells the browser what kind of content to expect.</p>
    </ul>
    <img src="./geeks.jpg">
    <h1 id="HTML page structure">HTML page structure</h1>
    <p>The basic structure of an HTML page is shown below. It contains the essential building-block elements (i.e. doctype declaration, HTML, head, title, and body elements) upon which all web pages are created.</p>
    <img src="./htmlpage.jpg">
    <ul>
        <li>
             <a href="https://www.geeksforgeeks.org/html-doctypes/">< !doctypehtml >:</a>This is the document type declaration, not a tag. It declares that the document is an HTML5 document.
              </li>
        <li> <a href="https://www.geeksforgeeks.org/html-html-tag/"> < html >- </a>This is called the HTML root element. All other elements are contained within it.</li>
        <li><A href="https://www.geeksforgeeks.org/html-head-tag/"> < head >- </A>The head tag contains the “behind the scenes” elements for a webpage. Elements within the head aren visible on the front end of a webpage. Typical elements inside the <head> include:</li>

        <li type="circle"><A href="https://www.geeksforgeeks.org/html-title-tag/"> < title >:</A>Defines the title displayed on the browser tab.</li>
            <li><A href="https://www.geeksforgeeks.org/html-meta-tag/"> < meta >: </A>Provides information like the character set or viewport settings.</li>
            <li><A href="https://www.geeksforgeeks.org/html-link-tag/"> < link >:   </A>Links external stylesheets or resources.</li>
            <li><A href="https://www.geeksforgeeks.org/html-style-tag/"> < style >:  </a>Embeds internal CSS styles.</li>
                <li> <A href="https://www.geeksforgeeks.org/html-script-tag/">< script >- </a>Embeds JavaScript for functionality.</li>
                    <li><a href="https://www.geeksforgeeks.org/html-title-tag/"> < title >-</a>The title is what is displayed on the top of your browser when you visit a website and contains the title of the webpage that you are viewing.</li>
                    <li><b> < h2 >-</B> The <h2> tag is a second-level heading tag.</li>
                        <li> <a href="https://www.geeksforgeeks.org/html-p-tag/"> < p >-</a> The <p> tag represents a paragraph of text.</li>
                            <li><a href="https://www.geeksforgeeks.org/html-body-tag/">< body >-  </a>The body tag is used to enclose all the visible content of a webpage. In other words, the body content is what the browser will show on the front end.</li> </ul>
                            <p>An HTML document can be created using an<a href="https://www.geeksforgeeks.org/html-editors/">HTML</a><A href="https://www.geeksforgeeks.org/html-editors/">text editor</a>Save the text file using the “.html” or “.htm” extension. Once saved as an HTML document, the file can be opened as a webpage in the browser.</P>
                                <i> <b>Note:</b> basic/buit-in text editors are <b>Notepad(windows)</b>and<b>TextEdit(macos)</b>other advanced text editors include <b> Sublime Text,visual Studio Code,Froala,</b>etc.</i>
                                <h1 id="web browsers">web browsers</h1>
                                <p>Unlike other programming languages, HTML does not show output on the compiler<a href="https://www.geeksforgeeks.org/web-browser-a-complete-overview/"> web browsers</a>show the results of an HTML code </p>
                                <p>t reads HTML files and determines how to show content with the help of HTML tags. Any web browser<b>(Google,Safari,Mozilla,Firefox,</b>etc) can be used to open a.<b>HTML file</b>and view the results. </P>
                                    <img src="./Screenshot.jpg">
                                    <h1 id="HTML history">HTML history</h1>
                                    <p>currently, we are using<a href="https://www.geeksforgeeks.org/html5-introduction/">HTML5</a>which is the latest and most advanced version of HTML.</P>
<p>HTML was intially created by <b>Tim Berners-lee </b>in 1991 as a way to share and structure documents on the web.</p>
<p>The first-ever version was<b>HTML 1.0,</b> a basic and limited version. However, the first standardized version,<b>HTML 2.0,</B>was published in 1995, laying the foundation for web development as we know it today</p>
    <img src="./h.jpg">
    <h1 id="Advantages of html">Advantages of html</h1>
        <ul>
            <li>HTML is used to build websites </li>
            <li> it is supported by all browsers</li>
            <li> it can integrated with other languages like<a href="https://www.geeksforgeeks.org/css-tutorial/">CSS</A><a href="https://www.geeksforgeeks.org/javascript/">JavaScript</a>etc. </li>

        </ul>
        <h1 id="Disadvantages of HTML">Disadvantages of HTML</h1>
        <ul>
            <li> HTML can only create static web pages. For dynamic web pages, other languages have to be used.</li>
            <li>A large amount of code has to be written to create a simple web page. </li>
            <li> The security feature is not good.</li>
        </ul>
        <h1 id="Conclusion>Conclusion"></h1>
        <p>In conclusion, mastering HTML is a fundamental step in your web development journey. This guide serves as a comprehensive resource for understanding HTML, from the basics to more advanced topics. Remember, HTML is more than just a markup language – it’s a powerful tool for creating engaging, accessible, and SEO-friendly websites. </p>
        <p> to learn more about HTML,visit the <a href="https://www.geeksforgeeks.org/html-tutorial/">HTML Tutorial</a>page.</p>
        <i>Master The Art of Web Development with <a href="https://www.geeksforgeeks.org/courses/mern-full-stack-development-classroom">FULL STOCK WEBDEVELOPMENT</a> </i>
        

                                

</body>
</html>