Section 3 - Intermediate HTML

Question 1

How do you code an unordered list?

Answer 1

<ul>
<li></li>
<li></li>
</ul>

Question 2

What is an unordered list? What does it create?

Answer 2

It creates bullet points (order doesn’t matter)

Question 3

What’s an ordered list?

Answer 3

creates a numbered list of items in order

Question 4

How do you code an ordered list?

Answer 4

<ol>
<li></li>
</ol>

Question 5

What does an anchor element allow you to do?

Answer 5

create hyperlinks

Question 6

What is an attribute in terms of anchor elements?

Answer 6

the attribute is the link that we add to the opening tag

Question 7

What does it look like when we add a link to google to an anchor element?

Answer 7

<a href=”http://www.google.com”>This is a link</a>

Question 8

Make sure attribute are added where?

Answer 8

in the opening tag

Question 9

What is href used for?

Answer 9

to add the URL that the hyperlink should go to inside an opening anchor tag

Question 10

What are global attributes?

Answer 10

Attributes that every single HTML element has access to (can be applied to every element)

Question 11

href is a special attribute reserved for what element?

Answer 11

anchor tag

Question 12

What’s the full code to start an ordered list from 5 instead of 1? Brainscape messed it up

Answer 12

<ol>
</ol>

Question 13

Why is the URL for href in double quotations?

Answer 13

to distinguish it from reserved words like “href” “li” “a” etc, it’s just normal text

Question 14

Where do you add a start element to an ordered list? Brainscape messed up the code

Answer 14

Inside the opening tag

<ol>
</ol>

Question 15

Attributes go where?

Answer 15

In the opening tag

Question 16

What kind of tag does the image element have? Brain messed up code

Answer 16

self-closing tags (no closing tags unlike anchor tags)

anchor:
<a>link it leads to text</></a>

image element:
<img></img>

Question 17

How do you code an image element? Brain messed it up

Answer 17

<img></img>

Question 18

What type of element is an image element?

Answer 18

a void element

Question 19

What are void elements?

Answer 19

elements with self-closing tags

ex:

<hr></hr>

<br></br>
<img></img>

Question 20

How do you size an image (image element)? What would that look like? (2)

Answer 20

you add /(whatever pixel number you want) to the end of the URL

<img></img>

Question 21

What is an important attribute for image elements that you should always include?

Answer 21

Alt attributes

Question 22

What does the Alt attribute stand for?

Answer 22

Alternative Text Description

Question 23

What is the purpose of adding an alt attribute to an image element?

Answer 23

So screen readers can read out what the image is for the blind or visually impaired

Question 24

How do you add alt attributes?

Answer 24

<img></img>