HTML Flashcards

1
Q

What does HTML stand for?

A

HyperText Markup Language

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What does HTML do for a web page?

A

Builds webpage structure and content through code.

Stand alone stentence Ex: My cat is very grumpy

<p>My cat is very grumpy</p>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What is an element?

A

A part of a webpage. It may contain a data item or chunk of text, an image or nothing.
Contains an opening tag with attributes, enclosed text content, and closing tag

Ex: <p class="nice">Hello world!<p>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What is a tag?

A

A tag is what is used to create an element. There is an opening and end tag.

Opening Ex: <p>
Ending Ex: </p>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

What is an attribute?

A

It is extra information that defines how the element will behave/look without that command appearing in the final content

Ex: <p class="editor-note">My cat is very grumpy</p>

Class is the attribute name and editor-note is the value

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

What is it called when you put elements inside other elements?

A

Nesting

Ex: <p>My cat is <strong>very</strong> grumpy.</p>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What is a void element?

A

One that does not have any content, nested elements or text nodes. Does not have an end tag

Ex: <area></area>

<base></base>

<br></br>

<col></col>

<embed></embed>

<hr></hr>

<img></img>
<input></input>

<link></link>

<meta></meta>

<param></param>

<source></source>

<track></track>

<wbr></wbr>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

What do you have to type first when creating your HTML?

A

<!DOCTYPE html>, then

<html></html>

, including lang

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

What does <head></head> contain?

A

It wraps all the content on the entire page that is not what you want the end user to see. This includes keywords, CSS, character set declarations and more

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

What is the purpose of <meta charset=”utf-8” ?

A

This element sets the character set your document will use to UTF-8, which includes most characters from the majority of written languages

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

What viewport element makes sure the page renders at the width of viewport, preventing mobile users from experiencing wider pages than their screen?

A

<meta></meta>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Use of <title></title> element ?

A

Sets the title of your webpage. The title that appears in the browser tab, or when bookmarked

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

What element shows content to the user?

A

<body></body>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Why use the alt attribute?

A

To read alternate text explaining an image to visually impaired users.
To have alternate text in place of the image not displaying due to an error

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

How do you write headings?

A

<h1>My main title</h1>

<h2>Top level heading</h2>

<h3>Subheading</h3>

<h4>sub subheading</h4>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

What element is used for an unordered list?

A

<ul>
</ul>

17
Q

What element is used for an ordered list?

A

<ol>
</ol>

18
Q

Ordered list or unordered?

<p>My dog has</p

<ul>
<li>pig ears</li>
<li>bully sticks</li>
<li>duck hearts</li>
</ul>

<p>in her weekly diet</p>
</p>

A

Unordered

19
Q

What does <a> do as an element?</a>

A

It is an ‘anchor’ to make text in a paragraph hyperlinked

Ex: <a>Way of the Seal</a>

Href is an attribute added inside of the <a> to link the URL of the website</a>