HTML has been the humble beginning for most developers and programmers like myself, s it is an informative building block that acts as a base for your coding endeavor. The full form of HTML is “HyperText Markup Language”. Let us break this HTML full form down. The ‘HyperText’ represents the concept of HTML allowing users to click on links to open web pages or websites. The text ‘Markup Language’ indicates that it is a programming language based on the verbal English language to indicate its code. The important part to understand here is to know that HTML uses ‘tags’ to markup a web page. This makes it easier to remember what HTML stands for as well.
Table of Contents
What is HTML?
HTML is a program that is used to creatively manipulate the visual layout of any web page or website on the internet. A typical web page consists of three separate layers that work in tandem to deliver a certain visual experience to its users. The first layer is a content layer which includes the information that the user sees on a page. The second layer is the presentation layer that manages how that information looks and the final layer is a behavior layer that allows the users to freely interact with a page.
Cascading Style Sheets (CSS) is a style program that is extensively used with HTML within the presentation layer of any web page. It creates the visual style of the web page using text, colors, typography, interactive layouts, and more.
The Behavior layer is managed by JavaScript to add dynamic interactivity to the web page, for instance, popping up of a larger image when a smaller image is clicked by a user.
HTML provides the content layer and provides the structural foundation of a web page. It is the language common to every website, making it ubiquitous. Therefore, in order to create your own website, web application, or manipulate other websites or web applications, you will need to learn how to work with HTML.
HTML SYNTAX:
Here, we will show you the basic mainframe skeleton of an HTML program which you can later add on to, to create your own HTML program.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>First Web Page</title></head>
<body>
<h1>Welcome to your first web page!</h1>
<p>The content you add here will appear on your web page. </p>
</body></html>OUTPUT:
Welcome to your first web page!
The content you add here will appear on your web page.
Any piece of text that has ‘< >’ around it, is known as a tag in HTML. Any content that the developer adds within the <body> tag will appear on the web page that they are programming. In HTML, most tags need to be closed after they been opened. Without which, the program will not run and the web page will not appear as you may want it to. All you need to do in order to close a tag is add a ‘/’ before it. For instance, if you open the <body> tag, you will close it by adding this to the end – </body>
When you are creating an HTML web page, you are essentially marking up the text that you add to a page and providing hints to a browser about how to render and process this particular web page.
Of course, there is so much more you can do with HTML apart from a basic framework. You can find out more from some of our other lessons about HTML that will show you the scope of what all can be done with the help of HTML.