HTML Introduction

What is HTML?

HTML (HyperText Markup Language) is the standard markup language used to create web pages. It’s the backbone of a website, providing the structure and content that the web browser renders to the user.

History of HTML

1. 1993: HTML 1.0 (initial release)
2. 1995: HTML 2.0 (added features)
3. 1997: HTML 3.2 (improved layout)
4. 1999: HTML 4.01 (refined standards)
5. 2000: XHTML 1.0 (XML-based HTML)
6. 2014: HTML5 (latest version)

Basic HTML Concepts

1. Elements: Represented by tags (<>)
2. Tags: Usually come in pairs (opening and closing)
3. Attributes: Provide additional information (id, class, src, etc.)
4. Nesting: Elements can contain other elements

HTML Document Structure

1. <!DOCTYPE html>: Declaration
2. <html>: Root element
3. <head>: Metadata (title, styles, scripts)
4. <body>: Page content

Common HTML Elements

1. Headings: <h1>, <h2>, <h3>, etc.
2. Text: <p>, <span>, <br>, etc.
3. Links: <a>
4. Images: <img>
5. Lists: <ul>, <ol>, <li>
6. Tables: <table>, <tr>, <td>

HTML Syntax

1. Opening tag: <element>
2. Closing tag: </element>
3. Attribute: element attribute=”value”
4. Comment: <!– comment –>

Why Learn HTML?

1. Build websites and web applications
2. Create email templates
3. Develop mobile applications
4. Improve search engine optimization (SEO)
5. Enhance web accessibility

Getting Started

1. Choose a text editor (Notepad, Sublime, Atom)
2. Write your first HTML document
3. Use online resources (W3Schools, Mozilla Developer Network)
4. Practice building projects

<!DOCTYPE html>

<html>

<head>

<title>My First Web Page</title>

</head>

<body>

<h1>Welcome to My Website!</h1>

<p>This is my first web page.</p>

<a href=”https://robondia.com/”>Visit Robondia Technologies</a>

<ul>

</ul>

</body>

</html>

1. <!DOCTYPE html>:

Declares the document type as HTML5.

2. <html>:

Root element of the HTML document.

3. <head>:

Contains metadata about the document.

4. <title>:

Sets the title of the page, displayed in the browser’s title bar.

5. <body>:

Contains the content of the HTML document.

6. <h1>:

Heading element, displaying text in a large font size.

7. <p>:

Paragraph element, displaying text.

8. <img>:

Image element, displaying an image:

– src: Specifies the image source.

– alt: Specifies alternative text for accessibility.

9. <a>:

Anchor element, creating a hyperlink:

– href: Specifies the link destination.

10. <ul>:

Unordered list element.

11. <li>:

List item element.

How to Run:

1. Save this code in a file with a .html extension (e.g., index.html).

2. Open the file in a web browser (e.g., Google Chrome, Mozilla Firefox).

3. View the rendered web page.