Introduction in HTML
? Introduction to HTML (HyperText Markup Language)
HTML is the standard markup language used to create web pages. It structures the content on the web — like text, images, links, and more.
? What is HTML?
HTML = HyperText Markup Language
It's not a programming language — it's a markup language
Used to define the structure of web content
? Basic Structure of an HTML Page
<!DOCTYPE html><html><head> <title>My First Web Page</title></head><body> <h1>Hello, World!</h1> <p>This is my first HTML page.</p></body></html>? Key HTML Elements
| Tag | Description |
|---|---|
<html> | Root element |
<head> | Metadata (title, links, styles) |
<title> | Title shown in browser tab |
<body> | Main content of the web page |
<h1>–<h6> | Headings (h1 is largest) |
<p> | Paragraph |
<a> | Link (<a href="url">) |
<img> | Image (<img src="image.jpg">) |
<ul>, <ol>, <li> | Lists |
<div> | Section or container |
?? Example: Image and Link
<a href="https://www.example.com">Visit Example</a><br><img src="https://via.placeholder.com/150" alt="Sample Image">? Add Style with CSS (Briefly)
<p style="color: blue; font-size: 18px;">Styled paragraph</p>? Tips for Beginners
HTML files are saved with
.htmlextensionUse a browser to open HTML files
Use a code editor like VS Code, Sublime, or Notepad++
? Try It Online
Would you like to continue with:
CSS introduction?
HTML practice exercises?
A small website project?
