HTML Coding Exam

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

Which HTML tag is used to create a hyperlink?

  • <hyperlink>
  • <link>
  • <a> (correct)
  • <img>

Which of the following is an example of defining color using hexadecimal representation?

  • color=rgb(255,0,0)
  • color=rgba(255,0,0,1)
  • color=#ff0000 (correct)
  • color=red

Which tag is used for italicizing text in HTML?

  • <italic>
  • <em>
  • <style>
  • <i> (correct)

What attribute is used to change the size of text in HTML?

<p>size (A)</p> Signup and view all the answers

Which of the following represents the modern approach to handling colors in HTML?

<p>color: #0000FF; (C)</p> Signup and view all the answers

Explain the purpose of the <div> tag in HTML and how it can be used in structuring a webpage.

<p>The <code>&lt;div&gt;</code> tag is used to create a block-level container that groups content together, allowing for better organization and layout of elements on a webpage.</p> Signup and view all the answers

Describe how inline CSS can be applied to an HTML element and provide an example.

<p>Inline CSS is applied directly within an HTML tag using the <code>style</code> attribute, for example: <code>&lt;p style='color:blue;'&gt;This is a blue paragraph.&lt;/p&gt;</code>.</p> Signup and view all the answers

What are the advantages of using semantic HTML tags over generic ones like <div>?

<p>Semantic HTML tags provide meaning and context to the content, improving accessibility and SEO, for example using <code>&lt;header&gt;</code> instead of <code>&lt;div&gt;</code> for the header section.</p> Signup and view all the answers

How do you change the text color in HTML using RGB values? Give an example.

<p>You can change text color using RGB values in inline CSS, for example: <code>&lt;p style='color:rgb(255,0,0);'&gt;This text is red.&lt;/p&gt;</code>.</p> Signup and view all the answers

What is the role of the <span> tag in HTML and how does it differ from block-level tags?

<p><span> is an inline element used to apply styles or identify a section of content, differing from block-level tags like <div> which create new lines and can hold multiple inline elements.</p> Signup and view all the answers

Flashcards

HTML tags

Basic building blocks of web pages, defining elements like headings, paragraphs, images, and more.

Basic HTML tags (e.g.,

,

)

Elements like paragraphs (

), headings (

-

), defining structure and content on a web page.

Formatting tags (e.g., )

Tags used to style text, like making it bold, italic, or changing its size and color.

Color representation (e.g., #aabbcc)

Using RGB values (red, green, blue) to define colors in HTML. #aabbcc shows the combination of red, green, & blue components.

Signup and view all the flashcards

Inline styling in HTML

Applying styles directly to HTML elements (e.g., by using style="color:blue;") or style = 'color:blue;'

Signup and view all the flashcards

HTML

tag

Defines a paragraph of text on a web page.

Signup and view all the flashcards

HTML

tag

The largest heading on a website.

Signup and view all the flashcards

HTML tag

Inserts an image into a webpage via source attribute 'src'.

Signup and view all the flashcards

HTML tags

Basic building blocks defining webpage elements.

Signup and view all the flashcards

Basic HTML tags

 Elements like

,

, ,
, .

Signup and view all the flashcards

Formatting tags

Tags styling text (bold, italic, size, color).

Signup and view all the flashcards

Color representation (#aabbcc)

Using RGB values (red, green, blue) for colors.

Signup and view all the flashcards

Inline Styling

Applying styles directly to HTML elements (style="..." or style = '...')

Signup and view all the flashcards

tag

Defines a paragraph of text on a webpage.

Signup and view all the flashcards

tag

The largest heading on a webpage.

Signup and view all the flashcards

tag

Inserts an image into a webpage using the src attribute.

Signup and view all the flashcards

HTML

Markup language for structuring web pages.

Signup and view all the flashcards

Study Notes

HTML Coding Exam

  • This exam covers all HTML topics and does not require a computer.

  • The exam will cover:

    • Basic HTML tags, including: <!DOCTYPE>, <html>, <head>, <body>, <title>
    • Basic formatting tags, including: <!--comments -->, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <p>, <br />, <hr />, <b>, <i>, <strong>, <u>, <font>, <span>, <div>
    • Understanding color representation: red, green, blue components (e.g., #aabbcc), inline styling (e.g., <p style="color: red">)
    • Image tags, including attributes like src, alt, width, height, border (e.g., <img>)
    • Ordered and unordered lists, including ul, ol, li and their attributes
    • Basic web page theory:
      • Types of text editors
      • Purpose of text editors in web page creation
      • Types of web browsers
      • Purpose of web browsers
  • The exam has two sections:

    • Section A: Short Questions (10 marks)
    • Section B: HTML Coding (30 marks)

Studying That Suits You

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

Quiz Team

More Like This

HTML Basics Quiz
8 questions

HTML Basics Quiz

FelicitousTrust3628 avatar
FelicitousTrust3628
HTML Basics Quiz
5 questions

HTML Basics Quiz

TimelyXenon avatar
TimelyXenon
Introduction to HTML Basics
8 questions

Introduction to HTML Basics

BrighterHummingbird982 avatar
BrighterHummingbird982
Clean Backend Coding and HTML Basics
39 questions

Clean Backend Coding and HTML Basics

CostEffectiveMulberryTree avatar
CostEffectiveMulberryTree
Use Quizgecko on...
Browser
Browser