Ads

How To Learn HTML | Complete Roadmap Of HTML

How To Learn HTML
How To Learn HTML

Today in this article we cover four mager topics related to HTML

  1.  HTML baisc introduction
  2.  All HTML Topic in a sequence
  3.  Free resources for learning HTML 
  4.  Projects for Practice

HTML Basic Introduction:

HTML stands for Hyper Text Markup Language. Its not a programming language.In simple words HTML is the skeleton of a webpage, Everything a user view on screen like text, links, images etc all is shown uning HTML.
Every web developer start his career with html.everyone can learn html in a five to six days.you dont need to remember tags just one time after learning practice each topic, you can easy master html.Even you dont need any special idr for this. just write code in nodepad and saved it, and view live page on any browser.

All HTML Topic In a Sequence:

Its a headache to every begineer where to learn HTML and how much learn.now we discussed every topic which a developer must learn in HTML.just read the name and start learning and practice these topics at least one's.

These Topic's are:

  •  Html introduction and how to run html on nodepad editor
  •  Element and Attributes
  •  Heading and Paragraph
  •  Formatting and Quatations
  •  links and Images
  •  Table and Lists
  •  Class and Id
  •  Meta tag and iframe and File Path
  •  Layout and Semantic tags
  •  Media 
  •  Forms
  •  Accesibility and Emmet.

Free Resources For learning HTML:

Here I provide two types resources first view video and go any website but prefair w3school view and edit thats topic code and try changing in this code.

Article form tutorial:

w3schools.com

tutorialspoint.com

freecodecamp.org

Video Tutorial:

Code With harry

Programming with Mosh

freeCodeCamp

Projects for Practice :

After learning these topic You should develop a small project.Because programming is 10% learning and 90% implementation.if you dont practice then you forget after some days.

  •  develop a simple login and signup form.
  •  develop a survey form.

  •  just make a simple tribute webpage

Tip:

"just open (view page source) or (inspect) on chrome and views websites code ,after viewing code you get ideas how to create a layout of any website."

Also Read:

How To Become a Full Stack Web Developer | Full roadmap of website development

How To Learn CSS | Complete Roadmap Of CSS