Hypertext Markup Language (html)
Overview
Everything you have ever read in a browser arrived as plain text with labels wrapped round it. This bit is a heading. This bit is a paragraph. This bit is a link, and here is where it goes. The browser reads those labels and decides what to draw. That is the whole of HTML, and it is why a page written thirty years ago still opens today: the labels say what things are, not what they should look like on any particular screen.
This lesson teaches you to write that structure using the tags the specification names, and then to control the appearance with CSS style rules built from a selector, a property and a value. You will read a printed page of HTML and say exactly what a browser would display, find the errors in a broken style rule, and learn what distinguishes HTML5 from the versions that came before it. All three of those are things the specimen paper asks for by name.
Objectives
- Be able to create the structure of a web page using HTML.
- Be able to use basic CSS to control the layout of a web page.
- Be aware of the key differences between HTML5 and earlier versions of HTML.
Mind map
This topic is mapped out so you can see how the ideas connect.
Open the mind map in the app
Lesson Note
Complete Note Available on the Green Bridge App
Get the Green Bridge CBT app on your phone or computer for the complete IGCSE library: past papers, mark schemes, mind maps, flashcards and audio lessons.
Lesson Evaluation
Congratulations on completing the lesson on Hypertext Markup Language (html). Now that youve explored the key concepts and ideas, its time to put your knowledge to the test. This section offers a variety of practice questions designed to reinforce your understanding and help you gauge your grasp of the material.
You will encounter a mix of question types, including multiple-choice questions, short answer questions, and essay questions. Each question is thoughtfully crafted to assess different aspects of your knowledge and critical thinking skills.
Use this evaluation section as an opportunity to reinforce your understanding of the topic and to identify any areas where you may need additional study. Don't be discouraged by any challenges you encounter; instead, view them as opportunities for growth and improvement.
- Where does the text inside a title element appear? A. As the first heading in the page B. In the browser's title bar or tab C. At the bottom of the page D. It is never displayed anywhere Answer: B
- Which of these is written correctly as a CSS style rule? A. p { color = red } B. paragraphs { color : red } C. p { colour : red } D. p { color : red } Answer: D
- Which tag creates an unordered list? A. ol B. ul C. li D. div Answer: B
- What does a class selector look like in CSS? A. A tag name on its own, such as p B. A full stop followed by the class name, such as .warning C. A hash followed by the class name D. The class name in angle brackets Answer: B
- Which of these is a key difference between HTML5 and earlier versions? A. It no longer uses tags B. It adds semantic elements such as header and article C. It removed the ability to use CSS D. It can only be displayed on mobile devices Answer: B
Work through these questions in the app
Work through these questions in the app
Recommended Books
Practice Mock Questions
Want to practice mock questions on Hypertext Markup Language (html)? Download the Green Bridge CBT app to access mock questions and full practice assessments for this topic.
Download The App On Google Playstore
Everything you need to excel in your exams
