What is HTML ? - Hyper Text Markup Language
Learn the basics of HTML, it is one of the basic language to design documents to be displayed on web pages. It uses TAGS to construct the structure and very easy to learn.
What is HTML?
HTML represents Hypertext Markup Language. Using HTML codes, users can easily create and structure sections, paragraphs, headings, links & block-quotes for various websites and applications.
HTML isn't a full-fledged programming language, which means it doesn't be able to make dynamic functionality. Instead, it makes it conceivable to compose and format documents, much like an MS Word.
When working with HTML, the simple code structure is used (tags and attributes) to mark up a site page. For instance, user can create a paragraph by putting the enclosed content inside a beginning <p> and ending </p> tag.
HTML is old-fashioned in today's scenario, but still, it is a useful markup language that is extremely clear and simple to learn and can be used by beginners and professionals.
The History of HTML
Tim Berners-Lee invented HTML, a physicist at the CERN, a Physicist in Switzerland. He was the first to introduce the concept of the possibility of an Internet-based hypertext system.
Hypertext implies a text that contains references (links) to different other texts that viewers can easily access by simply clicking on Hypertext. He presented the initial adaptation of HTML in 1991, comprising of 18 HTML tags. From that point forward, each new form of the HTML language accompanied new tags and attributes (tag modifiers) to the markup.
As indicated by Mozilla Developer Network's HTML Element Reference, presently, there are 140 HTML tags, albeit and some of them are now out of date and not supported by modern web browsers.
Because HTML got popularity at a very fast rate, HTML is currently viewed as an official web standard. The HTML standards are maintained up and created by the World Wide Web Consortium (W3C). You can look at the most recent state of the HTML language through various websites.
The most significant development of the language was the presentation of HTML5 in 2014. It added a few new semantic tags to the markup that uncovers the importance of their content, for example, <article>, <header>, and <footer>.
The Functionality of HTML
HTML programs are documents or files that end with a .html or .htm extension. You can able to view them using any internet browsers, for example, Google Chrome, Safari, or Mozilla Firefox. The browser efficiently read the HTML file and renders its content so that internet users can view them.
As a rule, the average site incorporates a few different HTML pages. For example, home pages, about pages, contact pages would all have separate HTML documents.
Every HTML page comprises of a lot of tags, also known as elements, which you can allude to as the building blocks of site pages. They make a chain of importance that structures the content into segments, paragraphs, headings, and other content blocks.
Most HTML elements have an opening and an end that uses the <tag></tag> syntax.
Below are a few code examples of how HTML elements can be structured:
The outmost element is a basic division
<div> .... </div>
For Headlines, we need to use:
<h1> Put Your Text Here </h1>
<h2>This is sub-heading 2</h2> <h3>This is sub-heading 3</h3> <h4>This is sub-heading 4</h4> <h5>This is sub-heading 5</h5> <h6>This is sub-heading 6</h6>
If you want to use paragraph then
<p> some text here </p>
If you want to add an image inside your webpage then you this code.
<img src="paayi-logo.jpg" alt="paayi logo" width="500" height="600">
# The picture tag additionally has two characteristics: src for the picture way and alt for the code presented.
# The subsequent paragraph incorporates a connection (<a></a>) with a href attribute that contains the destination URL.
Reviewing The Most Used HTML Tags
HTML tags have two principle types: block-level and inline tags.
# Block-level elements occupy the full accessible space and always start afresh or new line in the document. Headings and paragraphs are incredible examples of block tags.
# Inline elements occupy as much room as they need and don't begin a new line on the page. They generally serve to format the inner content of block-level elements. Links and emphasized strings are genuine examples of inline tags.
HTML Evolution. What Differs Between HTML and HTML5?
Since the prime days, HTML has experienced a mind-blowing development. W3C continually distributes new forms and updates, while historical achievements get devoted names also.
HTML4. nowadays, usually alluded to as "HTML" was distributed in 1999, while the most recent significant variant published out in 2014. Named HTML5, the update has acquainted numerous new highlights with the language.
One of the most manage highlights of HTML5 is local help for sound and video implanting. Rather than utilizing the Flash player, we can basically implant recordings and sound documents to our site pages utilizing the new:
If you want to use an audio element inside your webpage then the HTML
<audio>element is used to play an audio file on a web page.
<audio controls> <source src="paayi-song.ogg" type="audio/ogg"> <source src="paayi-song.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio>
It additionally remembers for manufactured help for versatile vector designs (SVG) and MathML for numerical and logical equations.
HTML5 presented a couple of semantic enhancements too. The new semantic tags educate programs about the importance of the content, which benefits the two perusers and web indexes.
To discover more remarkable differences, consider checking every HTML and HTML5 tags.
Advantages and disadvantages of HTML
Like most things, HTML accompanies a bunch of attributes and constraints.
# A broadly utilized language with a ton of assets and an immense network behind.
# Runs locally in each internet browser.
# Accompanies a level expectation to absorb information.
# Open-source and free.
# Perfect and reliable markup.
# The official web guidelines are kept up by the World Wide Web Consortium (W3C).
# Effectively integrated with backend languages, for example, PHP and Node.js.
# It doesn't permit the user to actualize rationale. Accordingly, all site pages should be made independently, regardless of whether they utilize similar components, for example, headers and footers.
# A few programs receive new highlights gradually.
# Program conduct is now and then perplexing to manage.