HTML & CSS Practice Quiz

Part 1: HTML Document Structure

1. Which tag declares this is an HTML5 document?

2. What is the root element that wraps all HTML content?

3. Which tag contains metadata and the title?

4. Which tag defines the title shown in the browser tab?

5. Which tag contains all visible content on the webpage?

6. Which tag creates the largest heading?

7. Which tag is used for paragraph text?

Part 2: HTML Attributes

8. Which attribute creates a hyperlink?

9. Which attribute specifies the image file path?

10. Which attribute provides alternative text for images?

11. Which attribute creates a tooltip on hover?

12. Which attribute sets the width of an element?

13. Which attribute assigns a CSS class?

14. Which attribute assigns a unique identifier?

Part 3: CSS Integration

15. CSS written directly within an HTML element's opening tag is called:

16. CSS written in the <head> section within <style> tags is called:

17. CSS written in a separate .css file is called:

18. Which attribute is used for inline CSS?

19. Which tag is used for internal CSS in the <head> section?

20. Which tag links an external CSS file?

Part 4: Lists and Tables

21. Which tag creates an ordered (numbered) list?

22. Which tag creates an unordered (bulleted) list?

23. Which tag defines a list item?

24. Which tag creates a table?

25. Which tag creates a table row?

26. Which tag creates a regular table cell?

27. Which tag creates a table header cell?

Part 5: Text Formatting

28. Which tag makes text bold (strong emphasis)?

29. Which tag italicizes text (emphasis)?

30. Which tag highlights text?

31. Which tag creates a line break?

32. Which tag creates a horizontal line?

Part 6: Media Elements

33. Which tag displays a single image?

34. Which tag offers multiple image sources for responsive design?

35. Which tag embeds a video?

36. Which tag specifies the video file inside a video element?

37. Which tag adds subtitles to a video?

38. Which tag embeds content from another website?

Part 7: HTML Entities

39. Which entity displays the copyright symbol (©)?

40. Which entity displays the trademark symbol (™)?

41. Which entity displays the registered trademark symbol (®)?

42. Which entity displays the ampersand symbol (&)?

Part 8: Meta Tags

43. Which meta tag sets character encoding to UTF-8?

44. Which meta tag provides a description for search engines?

45. Which meta tag specifies keywords?

46. Which meta tag identifies the author?

Part 9: CSS Box Model (Outside to Inside)

47. What is the outermost layer of the CSS box model?

48. What is the second layer (surrounds padding)?

49. What is the third layer (space between content and border)?

50. What is the innermost layer (actual content)?

Part 10: Element Types and Concepts

51. The <div> element is what type of element?

52. The <span> element is what type of element?

53. An attribute that doesn't need a value (like 'required') is called:

54. An attribute requiring both name and value (like href="url") is called:

55. Making websites usable for everyone, including people with disabilities, is called:

Part 11: Additional HTML Tags

56. Which tag creates a generic container for styling?

57. Which tag creates a clickable link?

58. Which tag adds JavaScript code to your page?

59. Which tag provides alternative content when JavaScript is disabled?

60. Which creates the smallest heading level?

Part 12: Review Questions

61. Which tag is used for emphasized (italic) text?

62. Which attribute is used for inline styling?

63. Which is the proper DOCTYPE declaration for HTML5?

64. Which element contains all the visible content on a webpage?