HTML
Ferdinand Molina Jr
What is HTML?
HTML stands for Hypertext Markup Language
• It is used to create web pages
HTML is not a programming language, but rather a
markup language that describes the structure of a web
page
HTML Structure
Every HTML document has a large container <html> and
two major subcontainers: <head> and <body>
The <head> contains information useful behind the scenes,
such as CSS formatting instructions and JavaScript code
The <body> contains the visible part of the page that is
displayed to the user
HTML Tags
HTML is based on the notion of tags, which are pieces of text
inside angle brackets < >
Tags typically have a beginning and an end, with text placed
inside them
For example, a paragraph is denoted by the <p> tag:
<p>This is a simple paragraph</p>
HTML Attributes
Tags can be enhanced by attributes, which are name-
value pairs that modify the tag
For example, the <img> tag used to embed an image
includes attributes like src and alt
Common HTML Elements
Headings: <h1>, <h2>, <h3>, <h4>, <h5>
, <h6>
Paragraphs: <p>
Links: <a>
Images: <img>
Lists: <ul>, <ol>, <li>
Tables: <table>, <tr>, <th>, <td>
HTML Entities
Special characters can be displayed using HTML entities
Each entity begins with an ampersand & followed by a code
and a semicolon
Examples: &lt; for <, &gt; for >, &amp; for &
Deprecated HTML Elements
Some HTML elements and techniques are no longer
recommended, such as:
• Frames (<frame>, <frameset>)
• Table-based design for layout
• Presentational tags like <font>, <b>, <i>
Modern HTML Development
HTML5 is the latest version of HTML, providing new
elements and improved semantics
CSS is used for styling and layout, keeping HTML focused
on structure
JavaScript is used for interactivity and dynamic content
HTML Versions Overview
HTML 1.0 (1993)
• The first version introduced by Tim Berners-Lee.
• Provided basic structural elements like headings,
paragraphs, lists, and links.
• Allowed for the inclusion of inline images but had limited
text formatting options.
HTML Versions Overview
HTML 2.0 (1995)
• Expanded upon HTML 1.0 by adding support for forms and
tables.
• Became the standard markup language for web
development until 1997.
• Introduced the <FORM> tag for user input, enhancing interactivity on
web pages.
HTML Versions Overview
HTML 3.2 (1997)
• Introduced by the World Wide Web Consortium (W3C).
• Added support for applets, text flow around images, and
improved table handling.
• Included basic support for Cascading Style Sheets (CSS).
HTML Versions Overview
HTML 4.01 (1999)
• A major update that included support for multimedia
elements and scripting.
• Introduced the <DIV> and <SPAN> tags for better layout
control.
• Allowed the use of frames, enhancing page layout
capabilities.
HTML Versions Overview
XHTML (2000)
• A reformulation of HTML 4.01 using XML syntax.
• Aimed for stricter syntax rules and better compatibility with
other web standards.
• Enhanced accessibility and parsing by web browsers.
HTML Versions Overview
HTML5 (2014)
• The latest version, which introduced numerous new
elements and attributes.
• Improved support for multimedia, including native audio
and video embedding.
• Emphasized semantic markup and responsive design,
making it suitable for modern web applications.

HTML Hypertext Markup Language Basic.pptx

  • 1.
  • 2.
    What is HTML? HTMLstands for Hypertext Markup Language • It is used to create web pages HTML is not a programming language, but rather a markup language that describes the structure of a web page
  • 3.
    HTML Structure Every HTMLdocument has a large container <html> and two major subcontainers: <head> and <body> The <head> contains information useful behind the scenes, such as CSS formatting instructions and JavaScript code The <body> contains the visible part of the page that is displayed to the user
  • 4.
    HTML Tags HTML isbased on the notion of tags, which are pieces of text inside angle brackets < > Tags typically have a beginning and an end, with text placed inside them For example, a paragraph is denoted by the <p> tag: <p>This is a simple paragraph</p>
  • 5.
    HTML Attributes Tags canbe enhanced by attributes, which are name- value pairs that modify the tag For example, the <img> tag used to embed an image includes attributes like src and alt
  • 6.
    Common HTML Elements Headings:<h1>, <h2>, <h3>, <h4>, <h5> , <h6> Paragraphs: <p> Links: <a> Images: <img> Lists: <ul>, <ol>, <li> Tables: <table>, <tr>, <th>, <td>
  • 7.
    HTML Entities Special characterscan be displayed using HTML entities Each entity begins with an ampersand & followed by a code and a semicolon Examples: &lt; for <, &gt; for >, &amp; for &
  • 8.
    Deprecated HTML Elements SomeHTML elements and techniques are no longer recommended, such as: • Frames (<frame>, <frameset>) • Table-based design for layout • Presentational tags like <font>, <b>, <i>
  • 9.
    Modern HTML Development HTML5is the latest version of HTML, providing new elements and improved semantics CSS is used for styling and layout, keeping HTML focused on structure JavaScript is used for interactivity and dynamic content
  • 10.
    HTML Versions Overview HTML1.0 (1993) • The first version introduced by Tim Berners-Lee. • Provided basic structural elements like headings, paragraphs, lists, and links. • Allowed for the inclusion of inline images but had limited text formatting options.
  • 11.
    HTML Versions Overview HTML2.0 (1995) • Expanded upon HTML 1.0 by adding support for forms and tables. • Became the standard markup language for web development until 1997. • Introduced the <FORM> tag for user input, enhancing interactivity on web pages.
  • 12.
    HTML Versions Overview HTML3.2 (1997) • Introduced by the World Wide Web Consortium (W3C). • Added support for applets, text flow around images, and improved table handling. • Included basic support for Cascading Style Sheets (CSS).
  • 13.
    HTML Versions Overview HTML4.01 (1999) • A major update that included support for multimedia elements and scripting. • Introduced the <DIV> and <SPAN> tags for better layout control. • Allowed the use of frames, enhancing page layout capabilities.
  • 14.
    HTML Versions Overview XHTML(2000) • A reformulation of HTML 4.01 using XML syntax. • Aimed for stricter syntax rules and better compatibility with other web standards. • Enhanced accessibility and parsing by web browsers.
  • 15.
    HTML Versions Overview HTML5(2014) • The latest version, which introduced numerous new elements and attributes. • Improved support for multimedia, including native audio and video embedding. • Emphasized semantic markup and responsive design, making it suitable for modern web applications.