Scribd
Upload
12 views13 pages

HTML 101

Uploaded by

mailmeatadeeb
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
12 views13 pages

HTML 101

Uploaded by

mailmeatadeeb
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 13

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!

You might also like