HTML NOTES FOR WEB DESGNING, Summaries of Computer science

A specially summarized html notes, written by Prince Solanki (Web Developer and Teacher) from India, It contains 50 Most Important MCQ for exams. Trusted By 50K Students.

Typology: Summaries

2025/2026

Available from 07/02/2026

prince-solanki
prince-solanki 🇮🇳

1 document

1 / 25

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
Page 1 of 25
\
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15
pf16
pf17
pf18
pf19

Partial preview of the text

Download HTML NOTES FOR WEB DESGNING and more Summaries Computer science in PDF only on Docsity!

\

Index

  • Introduction to HTML
    • ❖ What is HTML?
    • ❖ Features of HTML
    • ❖ Limitations
    • ❖ Full Form
    • ❖ History of HTML
    • ❖ Editors For HTML
    • ❖ Structure of HTML Document
    • ❖ HTML Tags
      • ➢ Heading Tags
      • ➢ Paragraph
      • ➢ Line Break
      • ➢ Horizontal Line
      • ➢ Comment
      • ➢ Text Formating
    • ❖ Lists
      • ➢ Ordered List
      • ➢ Unordered List
      • ➢ Description List
    • ❖ Links
    • ❖ Images
    • ❖ Tables
    • ❖ Forms
    • ❖ HTML5 Semantic Tags
    • ❖ Audio
    • ❖ Video
    • ❖ Best Coding Practices
  • Practical Exercise
  • HTML Practice MCQs

HTML (Hyper Text Markup Language) ❖ History of HTML Version Year Features HTML 1.0 1993 Basic webpage HTML 2.0 1995 Forms HTML 3.2 1997 Tables HTML 4.01 1999 Better styling XHTML 2000 Strict syntax HTML5 2014 Audio, Video, Canvas, Semantic Tags ❖ Editors For HTML ➢ Notepad ➢ Visual Studio Code ➢ Notepad++ ➢ Many More.. ❖ **Structure of HTML Document

My Website

Hello World

**

HTML Tags ➢ Heading Tags

  • Main Heading
  • Heading
  • Heading
  • Heading
  • Heading
  • Heading ➢ Paragraph
  • -

    This is paragraph.

    ➢ Line Break - ➢ Horizontal Line - ➢ Comment - ➢ Text Formating - Bold - Important - Italic
  • Markup Language

Links

  • Google ❖ Images

Tables

  • Name
  • Age
  • Prince
  • 20

Forms

HTML5 Semantic Tags

Audio

Video

Best Coding Practices ➢ Use lowercase tag names. ➢ Close every container tag. ➢ Write meaningful indentation. ➢ Use semantic elements whenever possible. ➢ Add the alt attribute to every image.

Practical Exercise

a) Create a webpage containing: ➢ One heading ➢ Two paragraphs ➢ One image ➢ One hyperlink ➢ One unordered list b)Create a webpage using semantic tags: ➢ Header ➢ Navigation ➢ Main ➢ Section ➢ Article ➢ Aside ➢ Footer c) Create a webpage using those elements (Home Page): ➢ Header ➢ Navbar ➢ Section ➢ Article ➢ Image ➢ Hyperlink ➢ Unordered/ Ordered List ➢ Footer

HTML Practice MCQs

1. What does HTML stand for? A) Hyper Tool Markup Language B) Hyper Text Markup Language C) High Text Machine Language D) Hyper Transfer Markup Language Answer: B 2. HTML is used to create: A) Databases B) Mobile Apps C) Web Pages D) Operating Systems Answer: C 3. Which tag defines the largest heading? A) B) C) D) Answer: C

C) D) Answer: B

8. Which attribute specifies the image location? A) href B) alt C) src D) link Answer: C 9. Which tag creates a hyperlink? A) B) C) D) Answer: B 10. Which attribute specifies the destination of a hyperlink? A) src B) target C) href D) action Answer: C

11. Which tag creates an ordered list? A) B) C) D) Answer: B 12. Which tag creates an unordered list? A) B) C) D) Answer: B 13. Which tag defines a list item? A) B) C) D) Answer: B 14. Which tag creates a table? A) B) C) D)

A) B) C) D) Answer: B

19. Which tag creates a text input field? A) B) C) D) Answer: B 20. Which input type hides typed characters? A) text B) email C) password D) hidden Answer: C 21. Which tag creates a button? A) B) C) D) Answer: B

22. Which tag contains the visible content of a webpage? A) B) C) D) <meta> Answer: B 23. Which tag contains metadata? A) <body> B) <head> C) <footer> D) <main> Answer: B 24. Which tag defines the webpage title? A) <meta> B) <title> C) <head> D) <caption> Answer: B 25. Which declaration tells the browser that the document uses HTML5?

Answer: B

29. Which tag defines the header section? A) B) C) D) Answer: B 30. Which tag is used for the main content? A) B) C) D) Answer: B 31. Which tag embeds audio? A) B) C) D) Answer: B 32. Which tag embeds video? A) B)

C) D) Answer: C

33. Which tag embeds another webpage? A) B) C) D) Answer: B 34. Which attribute provides alternate text for an image? A) title B) src C) alt D) name Answer: C 35. Which attribute uniquely identifies an element? A) class B) id C) style D) name Answer: B 36. Which attribute is used to apply inline CSS?