HTML and CSS

Question 1

where do you put non-visible content about the html document?

Answer 1

in the head tags

Question 2

where do you put visible content about the html document?

Answer 2

in the body tags

Question 3

Where do the head and body tags go in a valid html document?

Answer 3

in between the HTML tags

Question 4

what is the purpose of !DOCTYPE declaration

Answer 4

to notify the browser that its an html document and the version its using.

Question 5

Give 5 examples of the HTML element tags

Answer 5

title, heading meta, link img. body p

Question 6

What is the purpose of HTML attributes?

Answer 6

The attribute name indicates what kind of extra information you are supplying about the elements content.

Question 7

Give an example of an HTML entity

Answer 7

copyright ©

Question 8

How do block level elements affect the document flow?

Answer 8

They start a new line in the browser

Question 9

How do inline elements affect the document flow?

Answer 9

inline elements continue on the same line as their neighboring elements

Question 10

What are the default width and height of a block-level element?

Answer 10

A block-level element occupies the entire horizontal space of its parent element and the vertical space equal to the height of its contents, thereby creating a “block” Width is 100% height is auto

Question 11

What are the default width and height of an inline element

Answer 11

an inline element only takes up as much width as necessary auto width and auto height

Question 12

What is the difference between an order and unordered list in HTML

Answer 12

Ordered lists are number and unordered lists are bullet points

Question 13

Is an html list a block element or an inline element

Answer 13

block element

Question 14

What HTML tag is used to link to another website?

Answer 14

absolute URL

Question 15

What is an absolute URL`

Answer 15

When you link a URL to a different website it shows the full websites URL in the href value aka the domain name

Question 16

What is a relative URL

Answer 16

When you link to other pages in the same website.

Question 17

How do you indicate the relative url to a parent directory?

Answer 17

../

Question 18

How do you indicate the relative link to a child directory?

Answer 18

Use the child name directory followed by a foward slash the the child name file

Question 19

How do you indicate the relative link to a grandparent directory?

Answer 19

../../file name

Question 20

How do you indicate the relative link to the same directory?

Answer 20

Just use the file name.

Question 21

What is the purpose of an HTML form element?

Answer 21

Forms allow you to collect information from different visitors to your site

Question 22

Give five examples of form control elements.

Answer 22

textarea, input, select, option, button

Question 23

give three examples of type atributes for html input elements

Answer 23

text password checkbox

Question 24

is an html input element a block or an inline element?

Answer 24

inline element

Question 25

what are the six primary HTML elements for creating tables?

Answer 25

tbody, tr, table, thead, th, tfoot

Question 26

What purpose do the thead and tbody elements serve?

Answer 26

thead is the head of the table and tbody is the body of the table

Question 27

Give two examples of data that would lend itself well to being displayed in a table

Answer 27

grades and sports statistics

Question 28

what are the individual names of pieces of a css rule?

Answer 28

selectors property value declaration block

Question 29

In CSS, how do you select elements by their class attribute?

Answer 29

with a period followed by the value of the class

Question 30

In css, how do you select elements by their type?

Answer 30

put them as selectors in a rule set

Question 31

in css how do you select an element by its ID attribute?

Answer 31

with the #

Question 32

Name three different types of values you can use to specify colors in CSS

Answer 32

Hexcode, rgb values, colornames

Question 33

What is a pseudo-class?

Answer 33

Its a keyword added to a selector that specifies a special state of the selected element.

Question 34

What are css pseudo-classes useful for?

Answer 34

They can change the appearance of elements when a user interacts with them.

Question 35

Name at least two units of type size in CSS.

Answer 35

Pixels percentages, and ems

Question 36

What CSS property controls the font used for the text inside an element

Answer 36

font-family

Question 37

What is the default flex-direction of a flex-container

Answer 37

row

Question 38

what is the default flex-wrap of a flex-container

Answer 38

no-wrap

Question 39

Why do two div elements "vertically stack" on one another by default?

Answer 39

they are block elements

Question 40

What is the default flex-direction of an element with display: flex?

Answer 40

row

Question 41

What is the default value for the position property of HTML elements?

Answer 41

static

Question 42

How doe setting position relative on an element affect document flow?

Answer 42

It flows like a normal page would

Question 43

How does setting positiong: relative on an element affect where it appears on the page?

Answer 43

It moves it in relation to where it would have been in normal flow

Question 44

How does setting position: absolute on an element affect document flow?

Answer 44

It is taken out of normal flow and the other elements act like its not there

Question 45

How do you constrain an absolutely positioned element to a containing block?

Answer 45

put a position thats not static on it.

Question 46

what are the four box offset properties?

Answer 46

top bottom left right

Question 47

how does setting position: absolute on an element afffect where it appears on the page?

Answer 47

within the first non static parent element

Question 48

What are the four main components of "the cascade"

Answer 48

source order, inheritance, specificity, and important

Question 49

What does the term source order mean with respect to CSS

Answer 49

Source order is, simply put, the order that your css rules are written in your stylesheet

Question 50

How is it possible for the styles of an element to be applied to its children as well without an additional css rule?

Answer 50

it gets the inherited proeprty from the parent

Question 51

list three selector types in order of increasing specificity

Answer 51

type selectors, class selectors, ID selectors

Question 52

why is using !important considered bad practice?

Answer 52

its makes debugging more difficult by breaking the natural cascading in your stylesheets

Question 53

Give two examples of media features taht you can query in an @media rule

Answer 53

min width and max width

Question 54

Which HTML meta tag is used in mobile-responsive web page?

Answer 54

viewport meta tag