HTML 101: An
Introduction to Web
Development
By: Mohammed Adeeb Ahmed
Definition of HTML
The HyperText Markup Language or
HTML is the standard markup
language for documents designed
to be displayed in a web browser. It
defines the meaning and structure
of web content
Getting started
Web browsers receive HTML documents from a
web server or from local storage and render the
documents into multimedia web pages.
HTML describes the structure of a web page
semantically and originally included cues for its
appearance.
Tim Berners-Lee: The creator of HTML
In 1989, Tim Berners-Lee, a British
computer scientist working at CERN
(European Organization for Nuclear
Research), proposed a system for
information management that would
become the World Wide Web.
Before HTML
Various text-based protocols and formats
existed for sharing documents and
information on the early internet.
However, there was a lack of a unified
and standardized way to structure and
link these documents.
Why was HTML created?
Suppose you wanted to share a set of
documents related to a software project using
FTP
You would upload these documents to an FTP
server. Users could connect to the server and
navigate to the directory where these
documents were stored.
They could see a list of filenames but without
any structured information or context about
how these documents are related.
Timeline of HTML versions
1. HTML 1.0 (1991)
2. HTML 2.0 (1995)
3. HTML 3.2 (1997)
4. HTML 4.01 (1999)
5. XHTML 1.0 (2000)
6. HTML5 (2014)
7. HTML 5.1 (2016)
8. HTML 5.2 (2017)
9. HTML 5.3 (2018)
How HTML works?
Elements
Tags
Attributes
Nesting
Document structure
Semantics
Example:
<!DOCTYPE html>
<html>
<head>
<title>This is a title</title>
</head>
<body>
<div>
<p>Hello world!</p>
</div>
</body>
</html>
Registration form
Registration form
HTML: A Part of Frontend
Frontend refers to the part of a website or
application that users interact with directly
HTML, CSS(Cascade Styling Sheet) and
JavaScript are commonly used together in web
development to create the front-end, which is
the user interface and user experience of a
website.
Thank You!