TechWith Vikas

What is HTML?

HTML (HyperText Markup Language) is the foundational language used to design and structure content on the web. It's not a programming language but a markup language that defines how content should appear in a web browser.

HTML provides the basic building blocks for web pages by organizing text, images, links, and other elements into a readable format. It works through a system of tags (or elements) that help browsers understand the layout and purpose of the content.

Each HTML element acts as a label that tells the browser how to present specific parts of the content —

Example:

<h1> indicates a main heading,
<p> defines a paragraph,
<a> creates a hyperlink.

Basic HTML Document


<!DOCTYPE html>
<html>
  <head>
    <title>My First Web Page</title>
  </head>
  <body>
    <h1>Welcome to My Website</h1>
    <p>This is my very first HTML page.</p>
  </body>
</html>

🔸Let's Understand the Parts:

<!DOCTYPE html> - Declares the document type. It tells the browser this is an HTML5 page.
<html> - The root element of the page. All other elements are nested inside it.
<head> - Contains meta-information like the title, character encoding, links to CSS files, etc.
<title> - Sets the title of the page (what you see on the browser tab).
<body> - Holds the visible content of the page — headings, text, images, links, etc.
<h1> - A heading tag h1 is the top-level heading, usually the title or main heading.
<p> - A paragraph tag Used to write regular text content.

HTML Elements:

An HTML Element is the building block of a web page. It defines how content will appear and behave on the page.

An HTML element typically consists of:

Opening tag
Content
Closing tag

Basic Structure:


<tagname> Content goes here </tagname>

Example:


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