Scribd
Upload
24 views5 pages

HTML Basics: Structure and Tags Guide

The document provides an introduction to HTML, detailing its history from the first standardized version in 1995 to the current HTML5 standard in 2014, which includes advanced features for modern web applications. It explains how browsers interpret HTML through the DOM tree and visual pages, and outlines the structure of HTML with headings, paragraphs, and lists. Additionally, it describes the use of unordered and ordered lists for organizing content.

Uploaded by

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

HTML Basics: Structure and Tags Guide

The document provides an introduction to HTML, detailing its history from the first standardized version in 1995 to the current HTML5 standard in 2014, which includes advanced features for modern web applications. It explains how browsers interpret HTML through the DOM tree and visual pages, and outlines the structure of HTML with headings, paragraphs, and lists. Additionally, it describes the use of unordered and ordered lists for organizing content.

Uploaded by

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

<HTML >

Introduction to HTML
Hossein Rahmatan

History of HTML Browser Interpretation HTML Tags & Structure


History of HTML

HTML 2.0 1995

First standardized version of HTML, formally defined by the Internet Engineering Task Force (IETF). Included
features for forms, tables, and image embedding, making web pages more interactive and visually rich.

The Beginning

HTML was created in early 1990s by Tim Berners-Lee


Berners-Lee while working at CERN (European HTML5 2014

Organization for Nuclear Research). Current standard bringing a wealth of new features: semantic elements, native multimedia support, canvas for
drawing graphics, and improved offline capabilities. Aims to make web development easier and better suited for
modern web applications.
How Browsers Understand HTML

<HTML> DOM Tree Visual Page


HTML Headings and Paragraphs

Heading Tags Paragraph Tags

<p> First paragraph

<h1>
Main Heading This is the first paragraph of text. It contains multiple sentences and
Highest importance
demonstrates how the paragraph tag works to separate blocks of text for
improved readability.
Subheading
<h2>
Second highest importance
<p> Second paragraph
Sub-subheading
<h3> This is the second paragraph. Notice how it starts on a new line with space
Third highest importance
before it, automatically creating a block-level element that separates distinct
<h4> Fourth-level heading blocks of text.

<h5> Fifth-level heading

Sixth-level heading
<h6> Lowest importance
HTML Lists

What are HTML Lists? Unordered Lists (ul) Bulleted

Item 1
<ul>
HTML offers two primary types of lists for Item 2
<li> Item 1 </li>
organizing content: <li> Item 2 </li> Item 3
• Unordered Lists for bulleted items
<li> Item 3 </li>
</ul>
• Ordered Lists for numbered items

Ordered Lists (ol) Numbered

1 First item
<ol>
The <li> Tag <li> First item </li>
2 Second item

<li>standsfor "list item" and is used within <li> Second item </li> 3 Third item
within both<ul>and <ol>tags. <li> Third item </li>
</ol>

<li>List
item s ap p ear o ne after
with either b ullets o r num b ers

You might also like