HTML Basics

by · Published · Updated

HTML5 is the latest standard set for web development.

Lets start it with some history!

What is HTML?

  • HTML stands for Hyper Text Markup Language
  • In the core markup language lies HTML tags
  • Each HTML tag will have different content & properties as per use
  • These HTML tags will add up to make a HTML file

A simple HTML file is shown below with latest markup:

 



Page Title




My First Heading


My first paragraph.
Try it Editor
Note : Check how HTML tags distinguish themselves with their tag names only like <head>, <title>, <body>, <html> tags.

HTML tags

Syntax for tags is tag name with angle brackets surrounding it!

  • They can be in full name like <header> tag or in short form like <p> for paragraph tag.
  • Every HTML tags starts and ends like <a> is start and </a> is end.
  • There will be some tags like <br/> and <img/> which enclose in themselves.
Tip : With HTML5 a lot new tags were added which have improved like <header>, <article>, <section>, <footer> tags.

HTML Web & Internet

Factors that results into a complete HTML formation

I. Web Browsers

All HTML files will run in Web Browsers. Web Browsers helps in interpreting information from HTML file to viewer.
Browsers only display the content inside the HTML tags.

Tip : We can fill these tags with anything with correct syntax like image (<img>), video (<video>), audio(<section>) tags.

II.<Doctype> Declaration

<Doctype> declaration is given in the beginning even before any tag starts.

It is not case sensitive. It gives indication to browsers that we are going to display HTML.

Correct type & version of declaration is necessary for browser to display.

Each version of HTML had its own declaration.

III.HTML Page Structure

These elements form the basic page structure in every Web Browser.

These are to used semantically.

<html>

<head>

<title>title of Page</title>

</head>

<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<a>This is anchor element.</a>

</body>

</html>

Note : Viewer only see the content inside these tags

HTML is the basic of all web technologies being used today.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *