What is HTML
HTML or Hyper Text Markup language is the standard language on Web, used to build a website or web application and Emailers. HTML is a markup language, as it contains markup tags or tags. HTML Tags are used to build structure of a website, like paragragh, headings, table, list, buttons, forms, images, audio, video etc.
HTML build the structure of web pages. It is also known as Building Block of a website. Browsers understand html tags and render content. HTML is Browser Interpreted language, thus loads fast as compilation is not required.
HTML is not a programming language.
Web Page Structure
HTML was invented in 1990 by a CERN scientist Tim Berners-Lee. The purpose to invent HTML was to make it easier for research scientists and professors at different universities around world to gain access to each other's research works. The project became a bigger success than Tim Berners-Lee had ever imagined. By inventing HTML, he laid the foundation for the web as we know it today. HTML language makes it possible to present information (e.g. scientific research) on the Internet.
What you see when you view a page on the Internet is your browser's interpretation of HTML. To see the HTML code of a page on the Internet, simply click "View" in the top menu of your browser and choose "Source". Or press ctrl + u, or Cmd + Alt + u
HTML was first formed in 1991. Here is a list of varoius HTML versions with date and explanation.
HTML Editor for Web Designing
HTML Editor is the software to write html code. A web browser is used to view webpage. Some Popular code editors are notepad++, brackets, sublime text , atom, or Visual Studio Code etc. You can use any one of them.
|Brackets||Windows / Mac / Linux||Open Source|
|Sublime Text||Windows / Mac / Linux||Open Source|
|Atom||Windows / Mac / Linux||Open Source|
|VS Code||Windows / Mac / Linux||Open Source|
|Dreamweaver||Windows / Mac||Licenced|
How to build a website using html
To build a webpage using html, use follwing steps. These steps are based on HTML5 standards. Just follow these simple steps, and your first html page is ready, with W3C Standards.
- Open any code editor.
- Create the doctype of webpage. e.g. <!DOCTYPE html>
- Create Parent html tag e.g. <html> </html>
- Create head tag inside html tag, e.g. <head> </head>
- Create body tag after head tag closing, e.g. <body> </body>
- Add title tag inside head, e.g. <title> </title>
- Add meta tag inside head, e.g. <meta charset="utf-8">
- Save page as index.html file on your system.
- Double Click the file and your webpage is live on browser.
- To edit webpage, right click on html file and select open in editor.
A Sample HTML Page
<!DOCTYPE html> <html lang="en"> <head> <title>Webpage Title</title> <meta charset="UTF-8"> </head> <body> Hello HTML </body> </html>
HTML Tags are used to build components in a webpage. Everything in a webpage is build by HTML. Here are some popular HTML Tags
|<html>||HTML tag is the parent tag of our webpage.|
|<head>||Head tag is first child of html tag and is used to write the information for web browsers and Search engines.|
|<title>||Title tag is used only once inside head tag. Title tell the search engines the about the webpage. Its max character limit is 60-70. Title should be unique for every webpage.|
|<meta>||Meta tag is used to define the charset family, description, keywords, Author, robots and Geo Location of the website.|
|<link>||Link tag is used to link external css, favicon icon, publisher and canonical of the webpage.|
|<body>||Body tag is used to create the webpage structure. Structure includes Headings, Paragraphs, images, tables, division, etc of the webpage. Body includes all the content which users see on a website.|
Overall, there are 140+ Tags in HTML5. These tags are explained one by one in our next article. To View Full List, Click Here, HTML Tags
An HTML page is started by doctype. Doctype is not a tag, it only tells browsers, search engines and validators which version of html and DTD we are using. HTML Doctype
HTML Comments are used to write messages or notifications for web developers. Comments are started with
<!-- and ends with
-->. These comments are not visible in browsers, but remain in page source code.
<!-- HTML Comment -->