HTML

Question 1

What does HTML stand for?

Answer 1

Hypertext Markup Language

Question 2

Tag

Answer 2

Basic building block of HTML, describes content.

Question 3

Opening Tag

Answer 3

Starts an HTML element, e.g., <h1>.

Question 4

Closing Tag

Answer 4

Ends an HTML element, e.g., </h1>.

Question 5

Self-Closing Tag

Answer 5

Tag that doesn’t require a closing counterpart.

Question 6

How to structure tags?

Answer 6

Always close the most recently opened tag first

Question 7

How to add a heading?

Answer 7

<h1>This is a heading</h1>

Question 8

How many headings are there?

Answer 8

<h1> to <h6>, <h1> being the heading and the rest being subheadings
</h1></h6></h1>

Question 9

How to use a paragraph tag?

Answer 9

<p></p>

Question 10

What is the <div> tag?

Answer 10

Like a box. It has no meaning, but is given meaning on what is inside it.

Question 11

What is the <span> tag?</span>

Answer 11

Like a <div> tag, but for style

Question 12

What is the difference between a <div> tag and a <span> tag?</span>

Answer 12

<div> - whole width of the screen
<span> - hugs the content
</span></div>

Question 13

What does <li> do?

Answer 13

Represents the item within a list

Question 14

Ordered List

Answer 14

<ol> tag for numbered lists.
</ol>

Question 15

Unordered List

Answer 15

<ul> tag for bulleted lists.
</ul>

Question 16

How to use <ol> tags?

Answer 16

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

will output
1. Coffee
2. Tea
3. Milk

Question 17

How to use <ul> tags>

Answer 17

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

will output
* Coffee
* Tea
* Milk

Question 18

Button Tag

Answer 18

<button>Click me!</button>

Question 19

Image Tag

Answer 19

<img></img>

Question 20

src Attribute

Answer 20

Specifies the image source URL.

Question 21

alt Attribute

Answer 21

Describes the image for accessibility.

Question 22

<table></table>

Answer 22

Creates container for a table

Question 23

<thead></thead>

Answer 23

Container for header row

Question 24

<tbody></tbody>

Answer 24

Container for main body

Answer 25

Container for the footer

Answer 26

Table heading (header cell)

Answer 27

Table data (creates a cell in table row, new column

Answer 28

table row (creates a row)

Answer 29

Used to create a title for a table

Answer 30

A box, used before

, for things like , and tags

Question 31

Anchor tags

Answer 31

Example Example: what text will be displayed when used with a button

Question 32

What do you put at the top of your file?

Question 33

How to set the language?

Question 34

What is the meta tag for?

Answer 34

Display information of your website

Question 35

What does the

Answer 35

The title of the website to be displayed on the google search

Question 36

What does do?

Answer 36

Everything you see will be placed in it

Question 37

What does ! do in VsCode

Answer 37

Adds all the meta, html and !DOCTYPE tags for you

Question 38

What are non-sematic tags?

Answer 38

Generic tags. They have no meaning by themselves. Eg

, etc

Question 39

What are semantic tags?

Answer 39

Html that provides meaning to the website

Question 40

Where can class and id go?

Answer 40

Any tag

Question 41

What does charset= “UTF-8" mean?

Answer 41

Tells the browser that our document is written in the UTF-8 character set (letters/numbers/emojis etc)

Question 42

Example of a table

Answer 42

Company	Contact	Country
Alfreds Futterkiste	Maria Anders	Germany
Centro comercial Moctezuma	Francisco Chang	Mexico
Ernst Handel	Roland Mendel	Austria
Island Trading	Helen Bennett	UK
Laughing Bacchus Winecellars	Yoshi Tannamuri	Canada
Magazzini Alimentari Riuniti	Giovanni Rovelli	Italy

Question 43

Label and input tag

Answer 43

First name:

Question 44

Rule for label and input tags

Answer 44

for (in label) must match id (in input) and name type - just make it the type of input you are doing.

Question 45

How to add border to grids of a table

Answer 45

th, td { border: 1px solid black }

Question 46

How to use textarea

Answer 46

No id, add rows and columns

Question 47

Types of input tags

Answer 47

Password, checkbox, color, date, number, file, email, time

Question 48

How to use password in input tags

Answer 48

Make type="password" Can add minLength="8" required

Question 49

How to use checkbox in input tags

Answer 49

Do input before label, add value="" before it for js purposes to the input bit of it

Question 50

How to use color input tags

Answer 50

Usual

Question 51

How to use number input tags

Answer 51

Like usual, but with a min="1" and max="5"

Question 52

How to use email input tags

Answer 52

Usual

Question 53

How to use time input tags

Answer 53

Usual