0% found this document useful (0 votes)
4 views

HTML Basics Presentation

HTML (HyperText Markup Language) is the standard language for creating web pages, defining the structure of web content through elements enclosed in tags. The document provides examples of basic HTML structure, common tags, and demonstrates how to create a simple webpage. Key tags include headings, paragraphs, hyperlinks, and images.

Uploaded by

walid farid
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
4 views

HTML Basics Presentation

HTML (HyperText Markup Language) is the standard language for creating web pages, defining the structure of web content through elements enclosed in tags. The document provides examples of basic HTML structure, common tags, and demonstrates how to create a simple webpage. Key tags include headings, paragraphs, hyperlinks, and images.

Uploaded by

walid farid
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 6

Understanding HTML

The Basics of Web Coding


What is HTML?
• HTML (HyperText Markup Language) is
the standard language for creating web
pages.

• - Defines the structure of web content


• - Consists of elements enclosed in tags
• - Used in combination with CSS and
JavaScript
Basic Structure of an HTML
• Example:
Docum
• ```html
• <html>
• <head>
• <title>My First Webpage</title>
• </head>
• <body>
• <h1>Welcome to HTML!</h1>
• <p>This is a paragraph.</p>
• </body>
• </html>
• ```- `<html>`: Root element of the page
• - `<head>`: Contains metadata
• - `<body>`: Contains visible content
Common HTML Tags
• 1. `<h1>` to `<h6>`: Headings
• - `<h1>`: Largest heading
• 2. `<p>`: Paragraphs
• 3. `<a>`: Hyperlinks
• - Example: `<a
href='https://example.com'>Link</a>`
• 4. `<img>`: Images
• 5. `href`: Specifies URL in links
Creating a Simple Webpage
• Example:

• ```html
• <html>
• <head>
• <title>Simple Page</title>
• </head>
• <body>
• <h1>Welcome!</h1>
• <p>This is a simple webpage.</p>
• <a href='https://example.com'>Learn more</a>
• </body>
• </html>
• ```

• - Demonstrates a basic webpage layout


thank you for reading
by:walid ahmad farid
grade:8b

You might also like