HTML Introduction...

Nagesh 1122Nagesh 1122
5 min read

Front-end development, also known as client-side development, involves creating the visual elements and user interface (UI) of a website. It’s the part of web development that users directly interact with. Let’s explore some key points:

DEFINITION:Front-end development focuses on how a web page looks and behaves from the user’s perspective. It deals with UI design and user interaction.

Languages and Technologies:

  • HTML (Hyper Text Markup Language): Used for structuring web content. Its like a skeleton of The Body.

  • CSS (Cascading Style Sheets): Styles and formats web elements.

  • JavaScript: Enables dynamic behavior and interactivity.

>TODAY I WANT TO EXPLAIN ABOUT HTML BASIC STRUCTURE AND IT FEATURES...

  • INTRODUCTION
    As we navigate the digital landscape of 2023, HTML (Hypertext Markup Language) continues to stand as the cornerstone of web development. In this era of ever-evolving technologies, it’s crucial to stay updated on the essential features of HTML that empower developers and content creators to shape the web as we know it.

    HTML, which has been with us since the inception of the World Wide Web, has seen significant advancements over the years. In this article, we will delve into the key features that make HTML indispensable in 2023. From its user-friendly syntax to its role in enabling progressive web applications (PWAs), HTML remains a foundational tool in the toolkit of every web professional.

Popularity of HTML:

HTML (Hypertext Markup Language) has been a central technology in web development since its inception, and its popularity remains unwavering in 2023. Several factors contribute to HTML’s enduring popularity:

What are the main features of HTML?

HTML Introduction - GeeksforGeeks

Features of HTML

  • It is easy to learn and easy to use.

  • It is platform-independent.

  • Images, videos, and audio can be added to a web page.

  • Hypertext can be added to the text.

  • It is a markup language.

HTML TAGS:

<> content </>

<html></html>

HTML tags contain three main parts: opening tag, content and closing tag. But some HTML tags are unclosed tags. When a web browser reads an HTML document, browser reads it from top to bottom and left to right

  • <! DOCTYPE html> ... {document type}

  •         <!DOCTYPE html>

  • <title> … </title> — The page title. ...

  •         <title>Document</title>

  • <h1> … </h1> — A section heading. ...

  •           <h1>HTML</h1>

  • <a> … </a> — A link. ... (anchor tag= href ="")

  •         <p><a href="https://www.youtube.com/":Youtube</a>

  • <br> break tag </>

  •         .<br><br

  • .<br><br<hr> horizontal lines tag </hr>

  • HTML Formatting Elements or Tags

  • <b> - Bold text

  • <strong> - Important text

  • <i> - Italic text

  • <em> - Emphasized text

  • <mark> - Marked text

  • <small> - Smaller text

  • <del> - Deleted text

  • <ins> - Inserted text

  • <sub> - Subscript text

  • <sup> - Superscript text

  • <b> bold </b>

  • <i> italian </i>

  • <u> underline </>

  • <del> delete tag </>

  • <ins > insert tag </>

  • <pre> pre formatted tag </>

  • <sub > sub script tag </sub>

  • <sup> super script </>

  • HTML BASIC PROJECTS

  • 1.basic image ins

  •             <!DOCTYPE html>
            <html lang="en">
            <head>
                <meta charset="UTF-8">
                <meta name="viewport" content="width=>, initial-scale=1.0">
                <title>Document</title>
            </head>
            <body>

                <h1>YOUTUBE INTRODUCTION</h1>
                <h2>Description:</h2>
                <h3>Location:US</h3>
                <h5>Developed  by Steve chen</h5>
                <hr>
                <img  src="https://play-lh.googleusercontent.com/lMoItBgdPPVDJsNOVtP26EKHePkwBg-PkuY9NOrc-fumRtTFP4XhpUNk_22syN4Datc" width="150" height="150"
                <hr>
                <p><b>YouTube</b> is an American online video sharing and social media platform owned by Google.<br><br
                    <i></i> worldwide, it was launched on <i>February 14, 2005, by Steve Chen, Chad Hurley, and Jawed Karim</i>, three former employees of PayPal.What is the YouTube website?<br><br>
            YouTube is a free video sharing website that makes it easy to watch online videos. <br><br>You can even create and upload your own videos to share with others. <u> Originally created in 2005</a></u>, YouTube is now one of the most popular sites on the Web, with visitors watching around 6 billion hours of video every month.</p>
            <p><a href="https://www.youtube.com/": NETFLIX</a>CLICK HERE</p>
            </body>
            </html>

  •             <!DOCTYPE html>
            <html>
            <head>
            <title>world fisrt project</title>
            <body>
            <h1>WORLD WIDE WEB</h1>
            <p1>The WorldWideWeb (W3) is a wide-area <a href="hypermedia">hypermedia</a> information retrieval initiative aiming to give universal access to a large universe of documents.
            </p1><br>
            <p2>Everything there is online about W3 is linked directly or indirectly to this document, including an executive summary of the project, Mailing lists , Policy , November's W3 news , Frequently Asked <a href="Questions ">Questions </a>.</p2><br>
            <p3>What's out there?</p3><br>
            <p4>Pointers to the world's online information, subjects , W3 servers, etc.
             </p4><br>
            <p5>help</p5><br>
            <p6>on the browser you are using</p6>
            <p7>Software Products
            </p7><br>
            </body>
            </head>
            </html>

      <!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
  </head>

  <body>
      <h1> NOWRUZ FESTIVAL</h1>
      <h2>INTROCTION</h2><hr>
    <P><b>Nowruz </b>is the Iranian or Persian New Year celebrated by various ethnic groups worldwide.<br> It is a festival based on the Iranian Solar Hijri calendar, on the spring equinox—on or around<u> 21 March </u>on the Gregorian calendarCountries along the Silk Roads, including,<i> Azerbaijan, Kazakhstan, India, Iran, Iraq, Tajikistan, Afghanistan, Kyrgyzstan, Pakistan, Turkey, Turkmenistan, and Uzbekistan</i> celebrate <del>RAKHI</del> <ins>Nowruz </ins>  with a lot of festivities.<br><br>
      <strong> Nowruz </strong>is the Iranian or Persian New Year which is considered extremely auspicious.</P>  
      <p><strong>What religions celebrate Nowruz?</strong><br><br>
          It is not a primarily religious festival, and is celebrated by<i> Muslims, Christians, Baha'is, Jews, and Zoroastrians.</i> With its recognition by the 64th General Assembly of the United Nations, it has been recognised as International Nowruz Day since <u>2010</u>.</p>
          <pre>Nauroz is the Iranian and Persian New Year;
               it is the first day of spring, 
               this festival was introduced by Ghiyas ud din Balban.</pre>

  </body>
  </html>

    Conclusion:

    These are just some HTML attributes and tags. There are many more out there! If you are new to web development, then I'd advise you to spend more time on the basics to explore the true potential of HTML

  • Pros:

    • Easily customizable

    • Beginner-friendly

  • Learning the HTML is very easy when we are pretty much knowledge about TAGS ELEMENTS AND ATTRIBUTES....

  • *******************************************************************************************************************************************************************************************************

  • Let's connect!

  • ✨ instagram

  • ✨ Twitter

10
Subscribe to my newsletter

Read articles from Nagesh 1122 directly inside your inbox. Subscribe to the newsletter, and don't miss out.

HTML markup

Written by

Nagesh 1122
Nagesh 1122

coder