Loading Please Wait...

Logo Lynxsia IT Solutions

HTML Roadmap

HTML Roadmap
1: Learn The Web
  • What is HTML?

    HTML stands for Hyper Text Markup Language. It is the standard markup language for designing web pages.

    What is the use of HTML?

    Learn HTML page structure.

  • What is Web Pages?

    Web pages are nothing but hypertext document on the world wide web(www or internet), delivered by the web server to be shown on web browsers.

    Static and dynamic web pages.

2: Learn Web Structure
  • HTML Page Structure

    <!DOCTYPE html>

    <html>

    <head>

    <body>

  • HTML Editors

    Notepad

    TextEdit

    Notepad++

    VSCode

    Sublime Text

    Atom

3: Learn Basic HTML Elements(Tags)
  • Meta Tags

    <title>

    <link>

    <meta>

    <style>

    <script>

  • Container, Styleing Tags

    <div>

    <h1> to <h6>

    <p>

    <hr>

    <strong>

    <span>

  • List Tags

    <ul>, <ol>, <dl>

    <li>, <dl>, <dt>

  • Table Tags

    <table>, <thead>, <body>, <tfoot>

    <tr>, <th>, <td>

  • Semantic Tags

    <article>

    <aside>

    <nav>

    <header>

    <footer>

    <figure>

    <section>

    <main>

    <mark>

  • Multimedia Tags

    <img>

    <a>

    <source>

    <video>

    <audio>

    <embed>

  • Form Tags

    <form>

    <label>

    <input>

    <select>

    <option>

  • Multimedia Tags

    <canvas>

    <svg>

  • HTML Attribute

    id

    class

    width

    height

    type

    data-

    aria-

4: Web Accessibility
  • Learn Web Accessibility

    What is Web Content Accessibility Guideline(WCAG)

    Tags related to web accessibility like <img>, <a>, etc.

5: HTML Advance
  • Geolocation API
    Web Storage API
    Web Worker API
    Server Sent Event API
6: Practice And Practice
  • Practice as much as you can and get familiar with all the tags in HTML.

    When you are done with HTML and feel confident to move further in the learning, Lean CSS

    Try to avoid practicing on building web pages right now. Don't worry about practicing building web pages, this will be done after CSS

How you feel about this blog:

Share this blog on:

Report Us

If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com

Contact Us
Ads
Logo
Lynxsia IT Solutions

We are concern with various development process like website design & development, E-commerce development, Software development, Application development, SMS & Bulk SMS Provider, PWA Development, and many more..

Kotwali Road, Chhiptehri, Banda, 210001, UP, India

Copyright © 2022, Lynxsia IT Solutions, All rights reserved