DEV Community

Vidya
Vidya

Posted on

HTML

#beginners #frontend #html #programming

HTML(HyperText Markup Language) is the standard language for creating web pages. Think of it as the skeleton of a website - it provides the basic structure that holds everything together.

Why Do We Use HTML?
Structure Content : Organize text, images, and links.
Universal Standard : All browsers understand HTML.
SEO Friendly : Search engines can read and rank your content.
Accessibility : Screen readers can navigate properly structured HTML.
Foundation for Everything : Every website uses HTML as its base.

How Do We Use HTML?

      <html>
      <head>
          <title>My First Web Page</title>
      </head>
      <body>
          <h1>Welcome to My Website</h1>
          <p>This is my first paragraph.</p>
      </body>
      </html>
Enter fullscreen mode Exit fullscreen mode

List Tags

        <ul> (Unordered list(bullets))
          <li> Item 1 </li>(list items)
          <li> Item 2 </li>
        </ul>

        <ol> (Ordered list(numbers))
          <li> First item </li>
          <li> Second item</li>
        </ol>
Enter fullscreen mode Exit fullscreen mode

Container Tags

        <div>Section container </div>
        <span>Inline container </span>
Enter fullscreen mode Exit fullscreen mode

Semantic Tags

        <header> Page header </header>
        <nav> Navigation menu </nav>
        <main> Main content </main>
        <section> Content section </section>
        <article> Article content </article>
        <footer> Page footer </footer>
Enter fullscreen mode Exit fullscreen mode

Link and Image Tags

        <a href=" " >link </a> (Link) 
        <img src=" " alt=" "> (Image)
Enter fullscreen mode Exit fullscreen mode

Top comments (0)