Scribd
Upload
2 views9 pages

Detailed_Introduction_to_HTML

HTML (HyperText Markup Language) is the standard markup language for creating web pages, providing structure that is enhanced by CSS and JavaScript. It has evolved through various versions since its inception by Tim Berners-Lee in 1991, with HTML5 introducing modern features like multimedia support and semantic elements. Understanding HTML tags, document structure, and accessibility is essential for web development.

Uploaded by

amc022936
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
2 views9 pages

Detailed_Introduction_to_HTML

HTML (HyperText Markup Language) is the standard markup language for creating web pages, providing structure that is enhanced by CSS and JavaScript. It has evolved through various versions since its inception by Tim Berners-Lee in 1991, with HTML5 introducing modern features like multimedia support and semantic elements. Understanding HTML tags, document structure, and accessibility is essential for web development.

Uploaded by

amc022936
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
You are on page 1/ 9

Introduction to HTML

HTML (HyperText Markup Language) is the standard markup language used to create web pages. It

provides the basic structure of sites, which is enhanced and modified by other technologies like CSS

and JavaScript.

1. Introduction to HTML

HTML stands for HyperText Markup Language. "HyperText" refers to the hyperlinks that an HTML

page may contain, and "Markup Language" means that HTML is used to annotate text, images, and

other content for display in web browsers.

2. History and Evolution of HTML

HTML was created by Tim Berners-Lee in 1991. It has gone through many versions:

- HTML 1.0 (1993): Very basic, supported text and links.

- HTML 2.0 (1995): Added forms and tables.

- HTML 3.2 (1997): Added scripting, styles.

- HTML 4.01 (1999): Widely used for years.

- XHTML (2000): A stricter version of HTML.

- HTML5 (2014): Modern features including video, audio, canvas.

3. Basic HTML Document Structure

A typical HTML document includes:

<!DOCTYPE html>

<html>

<head>

<title>My Webpage</title>

</head>

Page 1
Introduction to HTML

<body>

<h1>Hello, World!</h1>

<p>This is a simple HTML document.</p>

</body>

</html>

4. HTML Tags

HTML uses tags to mark up text. Tags are enclosed in angle brackets (<>). Most tags have an

opening and a closing tag.

Example: <p>This is a paragraph.</p>

5. Headings and Paragraphs

- Headings range from <h1> (most important) to <h6> (least important).

- Paragraphs are marked with <p>.

6. Lists in HTML

- Unordered List: <ul> with <li> for items.

- Ordered List: <ol> with <li> for items.

7. Links and Images

- Links: <a href="https://example.com">Visit</a>

- Images: <img src="image.jpg" alt="My Image">

8. Tables

Tables organize data into rows and columns using <table>, <tr>, <th>, and <td>.

Page 2
Introduction to HTML

9. Forms

HTML forms collect user input.

<form action="/submit" method="post">

<input type="text" name="name">

<input type="submit">

</form>

10. HTML5 Semantic Elements

Semantic elements clearly describe their meaning:

<header>, <footer>, <article>, <section>, <nav>, <aside>, <main>

11. Media Elements

- <audio> and <video> to embed media.

- Attributes: controls, autoplay, muted, loop

12. Attributes in HTML

Attributes provide additional information. Common attributes include:

- id: Unique identifier.

- class: Assigns one or more class names.

- style: Inline CSS.

- title: Tooltip text.

13. HTML Entities

Special characters like <, >, &, " must be written as entities:

Page 3
Introduction to HTML

- &lt; for <

- &gt; for >

- &amp; for &

14. Comments

Comments are written using:

<!-- This is a comment -->

15. Responsive Web Design and HTML

HTML5 supports features like:

- <meta name="viewport" content="width=device-width, initial-scale=1.0">

- Media queries via CSS for different devices

16. Accessibility

HTML supports accessibility using attributes like:

- alt for images

- aria-labels

- semantic tags

17. File Structure and Linking

HTML files are usually saved as .html. Other files (CSS, JS) are linked using:

<link>, <script>, and <img> tags.

18. Doctype Declaration

<!DOCTYPE html> ensures standards-compliant rendering.

Page 4
Introduction to HTML

19. Block vs Inline Elements

- Block: <div>, <p>, <h1>, <section>

- Inline: <span>, <a>, <img>, <strong>

20. Deprecated Tags

Some tags like <center>, <font>, and <marquee> are deprecated in HTML5.

Conclusion

HTML is the backbone of web development. It is essential for creating structured, accessible, and

responsive websites. With HTML5, developers have access to a wide variety of features for building

modern web applications.

HTML (HyperText Markup Language) is the standard markup language used to create web pages. It

provides the basic structure of sites, which is enhanced and modified by other technologies like CSS

and JavaScript.

1. Introduction to HTML

HTML stands for HyperText Markup Language. "HyperText" refers to the hyperlinks that an HTML

page may contain, and "Markup Language" means that HTML is used to annotate text, images, and

other content for display in web browsers.

2. History and Evolution of HTML

HTML was created by Tim Berners-Lee in 1991. It has gone through many versions:

- HTML 1.0 (1993): Very basic, supported text and links.

Page 5
Introduction to HTML

- HTML 2.0 (1995): Added forms and tables.

- HTML 3.2 (1997): Added scripting, styles.

- HTML 4.01 (1999): Widely used for years.

- XHTML (2000): A stricter version of HTML.

- HTML5 (2014): Modern features including video, audio, canvas.

3. Basic HTML Document Structure

A typical HTML document includes:

<!DOCTYPE html>

<html>

<head>

<title>My Webpage</title>

</head>

<body>

<h1>Hello, World!</h1>

<p>This is a simple HTML document.</p>

</body>

</html>

4. HTML Tags

HTML uses tags to mark up text. Tags are enclosed in angle brackets (<>). Most tags have an

opening and a closing tag.

Example: <p>This is a paragraph.</p>

5. Headings and Paragraphs

Page 6
Introduction to HTML

- Headings range from <h1> (most important) to <h6> (least important).

- Paragraphs are marked with <p>.

6. Lists in HTML

- Unordered List: <ul> with <li> for items.

- Ordered List: <ol> with <li> for items.

7. Links and Images

- Links: <a href="https://example.com">Visit</a>

- Images: <img src="image.jpg" alt="My Image">

8. Tables

Tables organize data into rows and columns using <table>, <tr>, <th>, and <td>.

9. Forms

HTML forms collect user input.

<form action="/submit" method="post">

<input type="text" name="name">

<input type="submit">

</form>

10. HTML5 Semantic Elements

Semantic elements clearly describe their meaning:

<header>, <footer>, <article>, <section>, <nav>, <aside>, <main>

Page 7
Introduction to HTML

11. Media Elements

- <audio> and <video> to embed media.

- Attributes: controls, autoplay, muted, loop

12. Attributes in HTML

Attributes provide additional information. Common attributes include:

- id: Unique identifier.

- class: Assigns one or more class names.

- style: Inline CSS.

- title: Tooltip text.

13. HTML Entities

Special characters like <, >, &, " must be written as entities:

- &lt; for <

- &gt; for >

- &amp; for &

14. Comments

Comments are written using:

<!-- This is a comment -->

15. Responsive Web Design and HTML

HTML5 supports features like:

- <meta name="viewport" content="width=device-width, initial-scale=1.0">

- Media queries via CSS for different devices

Page 8
Introduction to HTML

16. Accessibility

HTML supports accessibility using attributes like:

- alt for images

- aria-labels

- semantic tags

17. File Structure and Linking

HTML files are usually saved as .html. Other files (CSS, JS) are linked using:

<link>, <script>, and <img> tags.

18. Doctype Declaration

<!DOCTYPE html> ensures standards-compliant rendering.

19. Block vs Inline Elements

- Block: <div>, <p>, <h1>, <section>

- Inline: <span>, <a>, <img>, <strong>

20. Deprecated Tags

Some tags like <center>, <font>, and <marquee> are deprecated in HTML5.

Conclusion

HTML is the backbone of web development. It is essential for creating structured, accessible, and

responsive websites. With HTML5, developers have access to a wide variety of features for building

modern web applications.

Page 9

You might also like