Basic HTML
Make it Accessible
Link it!
Style it!
Debugging
100

Meaning of HTML

What is Hyper Text Markup Language
100

Acronym POUR

What is Perceivable, Operable, Understandable, and Robust?

100

These tags are needed to link an image

What is <a> and <img>

100

Meaning of CSS

What is Cascading Style Sheets?

100

<head>

<p>hello</p>

</head>

What is

<body>

<p>hello</p>

</body>

200

The first line of your HTML files

What is <!DOCTYPE html>?

200

Purpose of alternative (alt) text for an image

What provides a description of the images for those with a poor internet connection, as well as screen readers, it also increases SEO?

200

This attribute is used to create anchor tags within the same webpage.

What is the "href" attribute?

200

This property allows for the creation of complex layouts with rows and columns

What is Grid?


200

p {

color: brg (100, 200, 50)

}

What is

p {

color: rbg (100, 200, 50)

}

300

This HTML tag makes a numbered list

What is <ol>?

300

The purpose of semantic HTML elements like '<nav>', '<header>', and '<footer>' in regards to web accessibility.

What is to provide meaningful structure and navigation landmarks for users who rely on assistive technologies?

300

This helps to ensure that all links (to CSS and image files) within an HTML document work correctly when the work is put in a GitHub repository.

What is organizing the file structure properly and using relative paths?

300

Using the 'box-sizing: border-box;" property in CSS, this part of the box model is included in the declared width and height?

What are the padding and border?

300

<link src=stylesheet href="___">

What is <link rel=stylesheet href="___">?

400
Number of different heading tags

What is 6 heading tags?

400

They develop and maintain the protocols used on the web to ensure operability and ensure accessibility.

What is the World Wide Web Consortium (W3C)?

400

The purpose of the 'rel' attribute in the <link> element when linking a stylesheet?

What is to specify the relationship between the linked document and the current document, often set to "stylesheet"?

400

This CSS property specifies the size of columns

What is 'grid-template-columns?'

400

border: 3px white

What is

border: 3px solid white

500

The title tag is nested in this HTML tag.

What is <head>?

500

This term is the practice of ensuring that websites and web applications are usable by people with a wide range of disabilities, including cognitive , motor, and auditory impairments.

What is inclusive design or universal design?

500

This is the recommended approach for including CSS files in an HTML document.

What is placing CSS '<link>' elements in the '<head>' section the HTML document?

500

In the box model these are the components of the content area?

What is the area inside the padding and border?

500
This tool is commonly used to troubleshoot issues related to positioning and styling.

What is inspect element/Developer tools?

M
e
n
u