Introduction to HTML

1. z
Introduction to
HTML
(Hypertext Markup Language)

2. z
Brief History of HTML
Hypertext Markup Language (HTML)
- most popular and most frequently used language for
developing websites.
- Invented in 1990 by Tim Berners-Lee.
- HTML 2.0 is the base set standard established by World Wide
Web Consortium (W3C)
- HTML 4.0 has integrated the use of CSS or Cascading Style
Sheets and Dynamic HTML (DHTML)

3. z
HTML Editing Software
1. Notepad ++ (Windows) - free source-code
editor that supports various programming
and markup language.
2. Sublime Text – sophisticated text editor with
useful features. License Software
3. Brackets - modern open-source code editor
written in HTML/ Developed by Adobe
Systems under the MIT (Massachusett’s
Institute of Technology) License.

4. z
HMTL Editing Software
1. Google Web Designer – created by Google
for engaging and interactive HTML content.
2. Adobe Muse – code-free web design tool
that lets the designer create incredible
responsive web design with ease.
3. Adobe Dreamweaver – is a flexible coding
engine for web designers and front-end
developers. It creates responsive websites
across different screen sizes.

5. z
Web Browsers
Google Chrome
Internet Explorer / Edge
Mozilla Firefox
Apple Safari
Opera

6. z
Overview of HTML
Hypertext Markup Language (HTML) – based on larger document
processing system called Standard Generalized Markup
Language (SGML)
- Hypertext – means the text that points to other pages and
objects on the web.
- Markup – means simple codes that provide details about HTML
elements.
- Language – refers to how HTML elements are put together in
order to create a document that meets the criteria or rules.

7. z
The HTML Elements
HTML is a standard language for creating web pages that
describes its structure and serves as the building blocks of a
website.
Typical HTML tag looks like this:
<tag> text </tag>

8. z
Sample Web Structure

9. z
Sample HTML Document