HTML Basics Quiz
49 Questions
2 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

What is the correct file extension for an HTML document saved using Notepad?

  • .doc
  • .html (correct)
  • .txt
  • .htm

Which step is NOT part of creating an HTML document using Notepad?

  • Select the font style (correct)
  • Save the file with the .html extension
  • Open Notepad
  • Type the HTML code

What keyboard shortcut is used to open an HTML file in a web browser?

  • Ctrl + O (correct)
  • Ctrl + S
  • Ctrl + P
  • Ctrl + N

Which statement about HTML tags is true?

<p>Tags define the formatting of the content on a web page. (C)</p> Signup and view all the answers

What symbol does each HTML tag start with?

<p>&lt; (D)</p> Signup and view all the answers

What does HTML stand for?

<p>HyperText Markup Language (C)</p> Signup and view all the answers

Which of the following is NOT a purpose of HTML?

<p>Creating interactive web applications (B)</p> Signup and view all the answers

How do clients and servers interact on the internet?

<p>Clients send requests to servers and receive responses. (A)</p> Signup and view all the answers

Which statement is true about web pages?

<p>Web pages can include graphics, video, and audio. (B)</p> Signup and view all the answers

What is the function of hyperlinks in web pages?

<p>To connect different web pages and resources. (B)</p> Signup and view all the answers

Which of the following statements about HTML is NOT true?

<p>HTML is a case-sensitive language. (A)</p> Signup and view all the answers

Which tool is essential for creating and saving HTML documents?

<p>HTML Editor (D)</p> Signup and view all the answers

Who redesigned GML to create HTML?

<p>Tim Berners-Lee (B)</p> Signup and view all the answers

What does WYSIWYG stand for in the context of HTML editors?

<p>What You See Is What You Get (B)</p> Signup and view all the answers

What is the primary purpose of a WYSIWYG editor?

<p>To allow users to see the final output of a web page while editing. (D)</p> Signup and view all the answers

Which of the following is NOT a popular web browser?

<p>Vivaldi (C)</p> Signup and view all the answers

What is included in the head section of an HTML document?

<p>Metadata and links to stylesheets or scripts. (C)</p> Signup and view all the answers

What does the title tag in the head section of an HTML document do?

<p>Specifies the title displayed in the browser's title bar. (A)</p> Signup and view all the answers

What kind of elements does the body section of an HTML document contain?

<p>Displayed content elements like text, graphics, and formatting tags. (C)</p> Signup and view all the answers

What is a defining characteristic of container elements in HTML?

<p>They enclose other content. (B)</p> Signup and view all the answers

In what situation should attribute values be enclosed in quotes?

<p>When attribute values contain spaces. (A)</p> Signup and view all the answers

Which of the following rules about HTML tags is incorrect?

<p>Tags are case-sensitive. (D)</p> Signup and view all the answers

How should embedded tags be properly formatted within other tags?

<p>Close the inner tag before closing the outer tag. (A)</p> Signup and view all the answers

Which of the following statements about HTML elements is true?

<p>Container elements require a closing tag. (A)</p> Signup and view all the answers

What is the primary purpose of the `` tag in an HTML document?

<p>To hold metadata and information not displayed in the browser (D)</p> Signup and view all the answers

Which of the following best describes the role of the `` tag?

<p>It sets the title of the document for display in the browser (C)</p> Signup and view all the answers

What type of elements does the HTML `` tag contain?

<p>Both block-level and text-level elements (D)</p> Signup and view all the answers

Which attribute can be used within the `` tag to set the background color of a web page?

<p>bgcolor (B)</p> Signup and view all the answers

Which statement correctly differentiates between block-level and text-level elements?

<p>Block-level elements can contain text-level elements (D)</p> Signup and view all the answers

What is the primary purpose of HTML headings?

<p>To separate different sections and improve document structure (A)</p> Signup and view all the answers

Which of the following is NOT a valid HTML heading tag?

<p><h7> (C)</p> Signup and view all the answers

How should paragraphs be defined in HTML?

<p>Using <p> tags to wrap the text (B)</p> Signup and view all the answers

What is a disadvantage of using headings incorrectly in an HTML document?

<p>It may confuse users and hinder navigation. (B)</p> Signup and view all the answers

Which attribute is commonly used with HTML headings for styling purposes?

<p>class (A), id (B), style (D)</p> Signup and view all the answers

What purpose does the <br> tag serve in an HTML document?

<p>To insert a line break. (B)</p> Signup and view all the answers

Which tag is used for making text bold in HTML?

<p><b> (D)</p> Signup and view all the answers

What is the function of the <em> tag in HTML?

<p>To italicize text. (C)</p> Signup and view all the answers

When should you use the <u> tag in an HTML document?

<p>To underline text. (A)</p> Signup and view all the answers

What are some features of HTML5?

<p>Embedding audio and video in web pages. (C)</p> Signup and view all the answers

What does the body tag primarily contain?

<p>The visible content of the HTML document (D)</p> Signup and view all the answers

Which HTML tag is used to specify the title of an HTML page?

&lt;title> (A) Signup and view all the answers

What is the function of the subscript tag in HTML?

<p>To display text below the baseline in a smaller font (C)</p> Signup and view all the answers

Which of the following attributes is NOT related to the tag?

<p>Style (C)</p> Signup and view all the answers

How do you center text using the appropriate HTML tag?

<center> text </center> (D) Signup and view all the answers

What is the primary benefit of using an external style sheet in CSS?

<p>It controls the layout of multiple documents from a single stylesheet. (B)</p> Signup and view all the answers

Which of the following best describes a 'property' in CSS?

<p>It is a specific setting that defines how HTML elements appear. (D)</p> Signup and view all the answers

What is a correct way to specify a hexadecimal color value in CSS?

<p>color: #800080; (B)</p> Signup and view all the answers

Which feature does CSS NOT provide?

<p>Enhanced search engine optimization. (D)</p> Signup and view all the answers

What are the possible font sizes when using CSS?

<p>From 1 to 7. (C)</p> Signup and view all the answers

Flashcards

HTML Tags

A building block of web pages in HTML. Tags enclose content and control how it's displayed in a browser.

HTML Element

A complete HTML tag with its opening and closing tags and the content between them. Think of an element as a self-contained unit of HTML code.

HTML Attribute

A special word or phrase within an HTML tag that provides extra information about an element. Attributes are like settings, modifying the element's behavior or appearance.

Saving an HTML File

The process of saving an HTML file with the .html extension. This creates a file that can be opened and viewed in a web browser.

Signup and view all the flashcards

Viewing an HTML Document

The action of accessing and displaying an HTML file in a web browser. This makes the HTML code visible to the user as a web page.

Signup and view all the flashcards

What is a WYSIWYG editor?

A type of web editor that allows developers to see the final result of a web page while they are creating it.

Signup and view all the flashcards

What is a web browser?

Software used to view and interact with web pages on the internet, displaying the content of HTML documents.

Signup and view all the flashcards

What is the head section of an HTML document?

The section of an HTML document that provides general information about the webpage, including the title that appears in the browser tab.

Signup and view all the flashcards

What is the body section of an HTML document?

The section of an HTML document that contains the visible content of the webpage, including text, images, and other elements.

Signup and view all the flashcards

What is an HTML element?

A complete HTML tag with its opening and closing tags and the content between them. It's a self-contained unit of HTML code.

Signup and view all the flashcards

What is HTML?

HTML stands for HyperText Markup Language. It's a language used to create web pages, structuring their content and appearance.

Signup and view all the flashcards

What are websites and web pages made of?

Servers store websites, which are collections of web pages. These pages include text, images, videos, and links to visit other pages on the internet.

Signup and view all the flashcards

How do users access web pages?

Web pages are accessed by users via an internet connection. Users are called clients, while servers provide the requested information.

Signup and view all the flashcards

What are Hyperlinks?

Hyperlinks are links within web pages that connect to other pages on the internet. They allow users to navigate seamlessly between different websites.

Signup and view all the flashcards

How does the internet work?

The internet is a global network connecting computers. Computers on the internet are either servers (providing information) or clients (receiving information).

Signup and view all the flashcards

What is a markup language like HTML?

A system of marking up text documents using tags to define the structure and presentation of content. It's like adding invisible instructions that tell a web browser how to display the text.

Signup and view all the flashcards

What is hypertext?

Text that contains links to other documents or web pages. When you click on hypertext, it opens a new webpage.

Signup and view all the flashcards

What are some key characteristics of HTML?

It's a platform-independent language, meaning it works on different operating systems and browsers. It's also not case sensitive, so is the same as .

Signup and view all the flashcards

What is an HTML editor?

A program used to create and save web pages, typically with code.

Signup and view all the flashcards

Container Elements

HTML elements that enclose other content. Think of them as containers that hold and organize your webpage's information.

Signup and view all the flashcards

Empty Elements

HTML elements that don't enclose other content and perform specific tasks. They are self-contained.

Signup and view all the flashcards

Attributes

Special attributes add extra information and features to HTML elements. These pairs of names and values modify how the element behaves or looks.

Signup and view all the flashcards

Case Sensitivity in HTML

Tags and attribute names can be written in uppercase or lowercase, but lowercase is recommended for consistency.

Signup and view all the flashcards

Closing Tags

Every container tag must have a matching closing tag. Think of them like opening and closing a door.

Signup and view all the flashcards

`` Tag

The root element of an HTML document, containing all other elements and providing the basic structure for the page.

Signup and view all the flashcards

`` Tag

An HTML tag that is used to define the title of the HTML page, displayed on the tab of the browser.

Signup and view all the flashcards

`` Tag

An HTML tag that contains the visible content of the HTML document, including text, images, and other elements.

Signup and view all the flashcards

`` Tag

An HTML tag that is used to display text in bold.

Signup and view all the flashcards

`` Tag

An HTML tag that is used to display text in italics.

Signup and view all the flashcards

What does the `` tag do?

This tag inserts a line break, moving the text to the next line.

Signup and view all the flashcards

What does the `` tag do?

The `` tag is used to make text bold. It goes before and after the text you want to bold.

Signup and view all the flashcards

What does the `` tag do?

This tag makes text appear in italics. It goes before and after the text you want to italicize.

Signup and view all the flashcards

What does the `` tag do?

This tag underlines text. It's often used for emphasis or to highlight misspelled words.

Signup and view all the flashcards

What is the head tag?

The HTML element that defines the header of an HTML document. It contains metadata about the document, like the title, character sets, and links to external resources, but it's not visible on the page itself.

Signup and view all the flashcards

What is the title tag?

The HTML element that defines the title of an HTML document, which appears on the browser's tab or window title bar. It's a very important element for SEO (Search Engine Optimization).

Signup and view all the flashcards

What is the body tag?

The HTML element containing the visible content of an HTML document, including the text, images, headings, lists, and everything else that users see on the page. It's like the canvas or stage for the web page.

Signup and view all the flashcards

What are block-level elements in HTML?

HTML elements that take up the full width of their container and start on a new line. Examples include paragraphs (<p>) and headings (<h1> to <h6>).

Signup and view all the flashcards

What are text-level elements in HTML?

HTML elements that only take up as much width as their content requires and don't start on a new line. Examples include bold (<b>), italic (<i>), and strong (<strong>).

Signup and view all the flashcards

What are HTML headings?

HTML headings are used to organize and structure the content of a web page. They indicate the importance of different sections of text and help users quickly scan the page. They use the <h1> to <h6> tags, with <h1> being the largest and most important heading and <h6> being the smallest.

Signup and view all the flashcards

What is an HTML paragraph?

An HTML paragraph is a block of text, enclosed in <p> and </p> tags, that represents a distinct unit of information in a document. It is typically displayed with a line break before and after it.

Signup and view all the flashcards

What is the <h1> tag?

The <h1> tag is used to define the most important heading in a document. It is the largest and boldest heading, typically used for the main title of a web page.

Signup and view all the flashcards

What is the <h2> tag?

The <h2> tag is used for secondary headings, which are smaller and less important than <h1> headings. It is typically used for subtitles or section titles within a web page.

Signup and view all the flashcards

What is the <h6> tag?

The <h6> tag represents the smallest and least important heading in a document. It's used for headings that are less prominent and are often used for fine-grained details.

Signup and view all the flashcards

What is CSS?

A style sheet that defines the layout of HTML documents, controlling colors, fonts, spacing, and layout, separating content from presentation.

Signup and view all the flashcards

What is a CSS property?

A value that controls how an HTML element appears, like font size, color, and background.

Signup and view all the flashcards

What is a CSS value?

An option or setting that you choose for a CSS property.

Signup and view all the flashcards

What is an external style sheet?

Using one single style sheet to control the layout of multiple HTML documents, making it easier to manage and apply changes.

Signup and view all the flashcards

How to change font color using CSS?

Adjusting the appearance of an HTML element by setting its text colour using a hexadecimal color value.

Signup and view all the flashcards

Study Notes

Creating an HTML Document

  • Follow steps to create an HTML document using Notepad
  • Open Notepad by clicking on Start > Notepad. The Notepad window will appear
  • Type the HTML code as shown in Figure 7.1. Click on the File -> Save option. The Save As dialog box will appear.
  • Select the target folder to save the file and mention the name in the File name text box with an extension .html. Click on the Save button.

Saving a Web Page

  • Follow the given steps to view an HTML document using a web browser
  • Open a web browser. For example, Google Chrome or Microsoft Edge.
  • Press the keyboard shortcut Ctrl + O.
  • The Open dialog box appears. Locate the file and click on the Open button.
  • Your web page will appear as shown in Figure 7.3.

Tags, Elements, and Attributes

  • HTML code is made up of tags, elements, and attributes.
  • Tags are the building blocks of a web page. They have elements that define how the information on a web page is formatted or displayed. Tags do not appear in the browser window but they affect the display of the text and non-text items in it. Each tag begins with a less than sign '<' and ends with a greater than sign '>'.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

Description

Test your knowledge of HTML fundamentals with this quiz. You'll answer questions about HTML tags, file extensions, and web browsers. Perfect for beginners looking to understand the essentials of web development.

More Like This

HTML Basics Quiz
8 questions

HTML Basics Quiz

AmiableMountainPeak avatar
AmiableMountainPeak
HTML Basics: Structure and Introduction
6 questions
HTML Basics Quiz
10 questions

HTML Basics Quiz

PleasingRaleigh avatar
PleasingRaleigh
HTML Basics for Beginners
10 questions
Use Quizgecko on...
Browser
Browser