40 Questions
Which software is recommended for writing HTML code?
Notepad++
What do the angled brackets < and > represent in HTML?
Opening and closing tags
Where does the information about the title of a webpage and how it should be displayed go in HTML?
Between the <head> tags
Which attribute can be used to change the size of an image in HTML?
height
What is the purpose of the 'linking to a website' exercise in the given text?
To demonstrate how to create a hyperlink in HTML
Which HTML tag is used to create a hyperlink?
<a>
Which version of HTML introduced the concept of separating formatting from the HTML document?
HTML 4.0
What are the three ways to add styling to HTML elements?
Inline, Internal, External
Which tag is used to create a paragraph in HTML?
<p>
What is the purpose of the <br> tag in HTML?
To add a line break
True or false: HTML stands for Hyper Text Mark-up Language?
True
True or false: An html file is just a page of text with lines of code set in tags?
True
True or false: The 'head' is different from the 'header' in HTML?
True
True or false: HTML 4.0 onwards, all formatting should be removed from the HTML document, and stored in a separate CSS file.
True
True or false: Styling can only be added to HTML elements using inline or internal methods.
False
True or false: The background color of the body element can be changed using inline styling.
False
True or false: The paragraph tag in HTML is represented by the <p> tag.
True
The height and width attributes are used to change the size of an image in HTML.
True
In the 'linking to a website' exercise, the text 'BBC news' is a hyperlink.
True
Notepad++ is the recommended software for writing HTML code.
True
HTML stands for ______
Hyper Text Mark-up Language
The recommended software for writing HTML code is ______
Notepad++
The ______ tag is used to create a paragraph in HTML
<p>
______ defines how HTML elements are to be displayed
CSS
In this tutorial you will use ______ styling
internal
The ______ tag is called the paragraph tag
<p>
The ______ is used to create a hyperlink in HTML
<a>
An image appears too big or too small on a web page, you can set the size of the image by adding the ______ and ______ attributes.
height, width
To link to a website in HTML, you need to use the ______ tag.
a
To view your HTML page and test the hyperlink, you can open it in ______.
IE
Match the HTML tags with their descriptions:
<img src="simpsonsfamily.png" height="300" width="200" /> = Sets the size of an image <a href="http://www.bbc.co.uk/news">BBC news</a> = Creates a hyperlink <style> body {background-color:#f82} p {font-family:courier; font-size:160%;} </style> = Defines the style for the body and paragraph elements <title>Hyperlink</title> = Sets the title of the webpage
Match the HTML attributes with their corresponding descriptions:
src="simpsonsfamily.png" = Specifies the image source height="300" = Specifies the image height width="200" = Specifies the image width href="http://www.bbc.co.uk/news" = Specifies the URL of the linked resource
Match the CSS properties with their functions:
background-color:#f82 = Sets the background color of an element font-family:courier = Sets the font of the text font-size:160% = Sets the size of the text color:blue = Sets the color of the text
Match the following HTML tags with their descriptions:
<.DOCTYPE html> = Defines the document type and version of HTML <head> = Container for metadata and CSS styles <body> = Contains the content of the web page <p> = Defines a paragraph
Match the following HTML styling methods with their descriptions:
Inline = Using a style attribute in HTML elements Internal = Using a <style> element in the HTML <head> section External = Using one or more external CSS files
Match the following HTML elements with their functions:
<b> = Makes the text bold <i> = Makes the text italic <u> = Underlines the text <br> = Adds an empty line
Match the following terms with their definitions:
HTML = A markup language for creating web pages CSS = Defines how HTML elements are to be displayed Notepad++ = A recommended software for writing HTML code <style> = An HTML element used to define CSS styles
Match the following HTML tags with their usage:
<html> </html> = Writing in html <title> </title> = The title of your web page <img src=”pic1.jpg”> </img> = Putting an image in your web page <h1> </h1> = (biggest) heading
Match the following HTML tags with their descriptions:
<head> </head> = All the info about your page e.g. <title> and <style> <body> </body> = All of the content goes between these tags <b> </b> = bold <br> = Break (like return) – doesn’t need to be closed
Match the following HTML sections with their definitions:
<head> = Part of the page with information about the title and how we want the browser to display it <body> = Where all of the content goes <title> = The title of your web page, appearing on a tab or the title bar of the window <style> = Defines how you want the page to look
Test your knowledge of HTML basics with this introductory web design quiz. Learn about the importance of HTML in creating web pages and how to use Notepad++ as a coding tool. Explore the concept of tags and their role in structuring HTML files.
Make Your Own Quizzes and Flashcards
Convert your notes into interactive study material.
Get started for free