What is HTML? A Simple Guide to HTML

By | November 20, 2020

HTML is not a programming language, which means it doesn’t be able to make dynamic usefulness. It makes it conceivable to arrange and organize records, comparatively to Microsoft Word. When working with HTML, we utilize basic code structures (labels and traits) to increase a site page.

HTML refers to standard hypertext mark-up language, which used to create different web pages. The structure of the web page described using Html. It consists of different series of elements. Hypertext alludes to joins that interface pages to each other, either inside a solitary site or between various sites. Connections are a crucial part of the Internet. By transferring substance to the Web and connecting it to pages made by others, you become a functioning member of the Internet.

HTML utilizes “markup” to explain text, pictures, and other substance for show in an Internet browser. HTML markup incorporates uncommon elements. Tags such as <body>,<title>,<head>,<datalist>,<img>,<output>,<progress>,<audio>,<aside>,<video>,<ul> etc.

The Historical backdrop of HTML 

HTML concocted by Tim Berners-Lee, a physicist at the CERN research foundation in Switzerland. He invented the possibility of a Web-based hypertext framework. 

Hypertext implies a book that contains references (joins) to different writings that watchers can get to right away. He distributed the primary rendition of HTML in 1991, comprising of 18 HTML labels. From that point further, each new form of the HTML language accompanied original tags and traits (label modifiers) to the mark-up. 

As per Mozilla Engineer Organization’s HTML Component Reference, at present, there are 140 HTML labels, albeit some of them are now outdated (not upheld by current programs). 

Because of a brisk ascent in fame, HTML presently viewed as an official web standard. The HTML details are kept up and created by the Internet Consortium (W3C). You can look at the most recent condition of the language whenever on W3C’s site. 

The most significant redesign of the language was the presentation of HTML5 in 2014. It added a few new semantic labels to the mark-up, that uncovers the importance of their substance, for example, <article>, <header>, and <footer>.

TAGS

In Html, tags are case insensitive which means suppose you have a tag <head> which you can also write as <Head> or <HEAD> or in any way.

Different parts of the tags discussed further:

  1. Opening tag: < refers to the opening tag, which means that the elements initialize from here.
  2. Closing tags : > refers to as a closing tag, which means the element is not in further use. Suppose you forget to end the tag in that case code will show strange errors.
  3. Main content: Let’s say an example <head>I am a boy </head>. Here I am a boy who is the main content.  
  4. Element: In the above example, starting from opening tag to closing tag whole sentence is known as an element of Html.

Elements also have different attributes. Attributes contain additional data about the elements that you would prefer not to show up in the real substance. Here, a class is the attribute name and manager note is the value of an attribute. The class attribute permits you to give the element a non-exceptional identifier utilized to target it (and some other components with a similar value of class) with style data and different things.

Attribute ought to consistently have the accompanying: A space among it and the element name (or the past attribute, if the element as of now has at least one attribute). The attribute name followed by the equivalent sign of attribute. The value of attributes wrapped in opening and closing tags.

In Html nesting of elements is also possible, which means you can put one element inside other. For e.g. <p> My dog is <strong>very</strong>brave.</p>.Output: My dog is very brave. Here “very” word is emphasized strongly. Be careful while doing nesting of an element. Close the tag after the use of it else the nesting will not work properly. Suppose <p> My dog is<strong>very brave</p></strong>,which is an incorrect way of nesting.  

HTML5

It is the new and current version of Html which includes some new features like:

  • It includes new elements of graphics like vector graphics and different tags.
  • It has presented recent media highlights which underpin audio and video controls by utilizing <audio> and <video> tags.
  • The client can get an item and drag it further dropping it on another area-Drag and Drop.
  • It assists with finding the geological area of customer-Geo locations.
  • Web storage which gives web application techniques to store information on an internet browser.
  • Utilizes SQL information base to store information while no internet connection is available.
  • Equipped for taking care of off base sentence structure.
  • It Permits to draw different shapes like triangle, square shape, circle, and so on.

Also many elements are deleted from the list of html tags:

  • <frame>
  • <frameset>
  • <dir>
  • <basefont>
  • <acronym> and so on.

 Few elements are also added in Html5:

  • <figure>
  • <figcaption>
  • <article>
  • <header>
  • <footer>
  • <main>
  • <nav> and so on.

Few advantages and disadvantages of HTML5

Advantages:

  • HTML 5 in coordination with CSS, JavaScript, and so on, can help assemble beautiful sites.
  • Simple to utilize and execute.
  • More gadget inviting.
  • Supported in all browsers.
  •  

Disadvantages:

  • Supported in modern browsers only.
  • Long codes must be composed, which is tedious.


HTML is a vast language and it is very useful for the beginners so if you have any queries or suggestions then please let us know. Uses of HTML is known as the attentive language because of its safety and characteristics. This is the first language for any developer to begin, who is keen to work in web development languages. It is convenient to learn and it is ethically concept based language.

Leave a Reply

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