Scribd
Upload
9 views9 pages

HTML Basics: Structure and Uses

HTML, or HyperText Markup Language, is the foundational language for creating and designing web pages, allowing the arrangement of text, images, and links. It consists of various tags that structure the content, such as headings, paragraphs, and hyperlinks, and is essential for web development. HTML documents are saved with a .html extension and can be created using text editors and viewed in web browsers.

Uploaded by

haroonfatimah3
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
9 views9 pages

HTML Basics: Structure and Uses

HTML, or HyperText Markup Language, is the foundational language for creating and designing web pages, allowing the arrangement of text, images, and links. It consists of various tags that structure the content, such as headings, paragraphs, and hyperlinks, and is essential for web development. HTML documents are saved with a .html extension and can be created using text editors and viewed in web browsers.

Uploaded by

haroonfatimah3
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd

Introduction to HTML

Computer Studies / Web


Development
Meaning of HTML
• HTML stands for HyperText Markup Language.

• It is the language used to create and design


web pages.
• HTML tells the web browser how to arrange
and display texts, pictures, videos, and links on
a webpage.
Full Meaning of HTML
• H – Hyper
• T – Text
• M – Markup
• L – Language
Uses of HTML
• 1. Used to create the structure of web pages.
• 2. Helps to add text, pictures, and links.
• 3. Connects one page to another using
hyperlinks.
• 4. Serves as the foundation of all websites
before adding design (CSS) or behavior
(JavaScript).
Structure of an HTML Document
• <!DOCTYPE html>
• <html>
• <head>
• <title>My First Web Page</title>
• </head>
• <body>
• <h1>Welcome to My Web Page</h1>
• <p>This is my first paragraph in HTML.</p>
• </body>
• </html>
Explanation of the Structure
• <!DOCTYPE html> → Declares the document
type.
• <html> → Main container.
• <head> → Contains the title and page info.
• <title> → Title on the browser tab.
• <body> → Content seen on the webpage.
• <h1> → Heading.
• <p> → Paragraph.
Common HTML Tags and Their Functions

• <h1> to <h6> – Headings


• <p> – Paragraph
• <b> – Bold text
• <i> – Italic text
• <u> – Underlined text
• <a> – Hyperlink
• <img> – Image
• <br> – Line break
• <hr> – Horizontal line
Important Points to Note
• 1. HTML uses tags to structure a webpage.
• 2. Tags are written inside angle brackets < >.
• 3. Most tags have an opening and closing form.
• 4. HTML files are saved with the .html
extension.
• 5. Use browsers to view HTML pages.
• 6. Use text editors like Notepad or VS Code to
write HTML code.
Assignment
• 1. What is the full meaning of HTML?
• 2. List three uses of HTML.
• 3. Write a simple HTML code that displays
your name and class.

You might also like