195 Countries Education

HTML Basics
HTML (HyperText Markup Language) is the standard markup language used to create web pages. It structures content on the web and enables browsers to display text, images, links, and other media.

1. Structure of an HTML Document :-

An HTML document is structured with various elements, each represented by tags. The basic structure includes:
<!DOCTYPE html> <html> <head> <title>Document Title</title> </head> <body> <h1>Hello, World!</h1> <p>This is a paragraph.</p> </body> </html>
‣ <!DOCTYPE html> : Declares the document type.

‣ <html> : Root element of the HTML document.

‣ <head> : Contains meta-information, title, and links to scripts and styles.

‣ <title> : Sets the title of the document shown in the browser tab.

‣ <body> : Contains the content of the web page.

2. Common HTML Elements :-

‣ Headings: <h1> to <h6> represent headings, with <h1> being the largest and <h6> the smallest.

‣ Paragraphs: <p> defines a paragraph.

‣ Links: <a href="URL">Link Text</a> creates hyperlinks.

‣ Images: <img src="image.jpg" alt="description"> embeds images.

‣ Lists:
(1.) Ordered Lists: <ol><li>Item 1</li><li>Item 2</li></ol>

(2.) Unordered Lists:<ul><li>Item 1</li><li>Item 2</li></ul>

3. Attributes :-
HTML elements can have attributes that provide additional information. Common attributes include:
‣ id: A unique identifier for the element.
‣ class: Classifies elements for styling.
‣ style: Inline CSS styles.
‣ src: Source for images or scripts.

Example :-
<img src="image.jpg" alt="An example image" class="responsive" />

4. Semantic HTML :-
Semantic HTML uses tags that convey meaning about the content. For example:
‣ <header> : Defines the header section.

‣ <nav> : Contains navigation links.

‣ <article> : Represents a self-contained composition.

‣ <footer> : Defines the footer of a section or page.

5. Comments :-
Comments can be added for code clarity, using the syntax:


6. HTML Best Practices :-
‣ Use semantic tags for better accessibility and SEO.
‣ Keep the HTML well-structured and indented for readability.
‣ Validate HTML to ensure it meets standards.

Understanding the basics of HTML is essential for anyone looking to create web content. Familiarity with its structure and elements will enable you to build more complex and interactive web pages as you advance.

HTML Basics

What is the purpose of this website?