Scribd
Upload
11 views

HTML 101

Uploaded by

mailmeatadeeb
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
11 views

HTML 101

Uploaded by

mailmeatadeeb
Copyright
© © All Rights Reserved
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