0% found this document useful (0 votes)
14 views10 pages

Welcome To HTML

Uploaded by

Sohail Ahmad
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
0% found this document useful (0 votes)
14 views10 pages

Welcome To HTML

Uploaded by

Sohail Ahmad
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/ 10

Welcome to HTML

HyperText Markup Language is the foundation of the web, shaping its


content and structure.
History of HTML
1 2 3 4

Early Origins First Standard Evolution and Modern Web


Growth
The origins of HTML The first official Today, HTML is a
trace back to Tim version of HTML was Over the years, HTML fundamental
Berners-Lee's work in released in 1993 by the has undergone technology, powering
the late 1980s at World Wide Web significant revisions websites and web
CERN. He developed Consortium (W3C), and expansions, adding applications across the
the language to share laying the groundwork new elements and globe, constantly
information between for the web's features to support evolving to meet the
researchers. development. more complex web demands of the digital
content. landscape.
HTML Structure
Document Type Declaration HTML Element Head and Body

The root element of the HTML The head section holds metadata
This line tells the browser which document, containing all other about the page, such as title and style
version of HTML is being used, elements. information. The body section
ensuring proper interpretation. contains the visible content of the
page.
HTML Elements

1 Headings 2 Paragraphs
Define the structure and importance of content on a Enclose blocks of text, formatting them as distinct
page, ranging from H1 (most important) to H6 (least units and improving readability.
important).

3 Links 4 Images
Allow users to navigate between web pages, creating Embed images into a webpage, adding visual appeal
a connected web experience. and enhancing the content.
HTML Attributes
Attribute Description

href Specifies the URL of a linked resource.

src Specifies the URL of an image or other embedded


resource.

alt Provides alternative text for images, improving


accessibility.

title Adds a tooltip to an element, providing additional


information to users.
HTML Headings
H1
The most important heading, typically used for the main title of a page.

H2
Secondary headings, used for major sections of content within a page.

H3
Tertiary headings, used to further divide content within a section.

H4 to H6
Used for progressively smaller headings, often for subtopics or smaller sections within a page.
HTML Paragraphs
Text Structure
Paragraphs help organize content into readable chunks,
improving comprehension and user experience.

Readability
Appropriate use of paragraph breaks creates a visual hierarchy,
guiding readers through the text.

Whitespace
Whitespace between paragraphs provides visual separation and
enhances readability, making the text easier on the eyes.
HTML Links
What are HTML links?

Types of Links
HTML Images

Image Tag
The <img> tag is used to embed images into an HTML page, enhancing visual appeal and
conveying information.

Image Source
The 'src' attribute specifies the URL of the image file to be displayed.

Alternative Text
The 'alt' attribute provides alternative text for images, essential for accessibility and search
engine optimization (SEO).
HTML Forms
What are HTML forms?

Form Elements

You might also like