HTML History & Basic Structure

In this post, let us have a look at brief history of HTML (which is the root of web). I will cover Important terms and abbreviation, Important events in the development of HTML and also about the inventor of World Wide Web  ( Sir Timothy John Berners-Lee )

Important Term & Acronyms

WWW: World Wide Web

W3C: World Wide Web Consortium

CERN:  European Organization for Nuclear Research, operates the largest particle physics laboratory in the world

ENQUIRE: A software project written in 1980 by Tim Berners-Lee at CERN, which was the predecessor to the World Wide Web.

HTML: Hyper Text Markup Language

SGML: Standard Generalized Markup Language

Tim Berners-Lee
Tim Berners-Lee

In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN researchers to use and share documents.

In 1989, Berners-Lee wrote a memo proposing an Internet-based hypertext system. Berners-Lee specified HTML and wrote the browser and server software in late 1990.

The first publicly available description of HTML was a document called “HTML Tags“, first mentioned on the Internet by Tim Berners-Lee in late 1991.

It describes 18 elements comprising the initial, relatively simple design of HTML. Except for the hyperlink tag, these were strongly influenced by SGMLguid, an in-house SGML-based documentation format at CERN.

Definition of HTML

HTML is the standard markup language for creating web pages and web applications.

Markup Language

In computer text processing, a markup language is a system for annotating a document in a way that is syntactically distinguishable  from  the  text

In other words, A markup language is a computer language that uses tags to define elements within a document. It is human-readable, meaning markup files contain standard words, rather than typical programming syntax. While several markup languages exist, the two most popular are HTML and XML.

HTML Development Timeline

timeline
HTML Timeline

Elements in HTML

HTML documents imply a structure of nested HTML elements. These are indicated in the document by HTML tags, enclosed in angle brackets.

Header

<head>

<title>Page Title</title>

</head>

Headings

<h1>Heading level 1</h1>

<h2>Heading level 2</h2>

<h3>Heading level 3</h3>

<h4>Heading level 4</h4>

<h5>Heading level 5</h5>

<h6>Heading level 6</h6>

Paragraphs:

<p>Paragraph 1</p>

<p>Paragraph 2</p>

Line breaks

<br>

Links

<a href=”https://www.wikipedia.org/”>A link to Wikipedia!</a>

Inputs

<input type=”text” />

<input type=”file” />

<input type=”checkbox” />

Comments

<!– This is a comment –>

A Basic HTML Structure

<!doctype html>

<html lang=”en”>

<head>

<meta charset=”UTF-8″>

<meta name=”description” content=”Website Name”>

<meta name=”author” content=”Pradeep Singh”>

<title>WebPage Title</title>

<link rel=”stylesheet” href=”css/styles.css”>

</head>

<body>

</body>

</html>

Leave a Reply

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