HTML Flashcards
Where do you put visible content about the HTML document?
«a>body</a>>«a>/body</a>>
Where do you put non-visible content about the HTML document?
«a>head</a>>«a>/head</a>>
Where do the head and body tags go in a valid HTML document?
«a>html</a>>«a>/html</a>>
What is the purpose of a declaration?
to declare what version of HTML the page is being written witih
Give five examples of HTML element tags.
«a>head</a>>«a>/head</a>>, «a>body</a>>«a>/body</a>>, «a>h1</a>>«a>/h1</a>>, «a>header</a>>«a>/header</a>>, «a>h2</a>>«a>/h2</a>>
What is the purpose of HTML attributes?
It gives or modifies the functionality of an element
Where do you put visible content about the HTML document?
«a>body</a>>«a>/body</a>>
Give an example of an HTML entity (escape character).
(with no space before semi-colon and after &) & amp ; is & & lt ; is < & lt ; is > & #34 ; is " & #39 ; is '
How do block-level elements affect the document flow?
They take up all the horizontal space and only as much height as its content
How do inline elements affect the document flow?
They take up only as much height and horizontal space as necessary for its contents
What are the default width and height of a block-level element?
All of the horizontal as much height as necessary
What are the default width and height of an inline element?
as much height and width as necessary for element
What is the difference between an ordered list and an unordered list in HTML?
ordered list is numbered and unordered list is bullet points
Is an HTML list a block element or an inline element?
«a>block</a>>«a>/block</a>>
What HTML tag is used to link to another website?
«a>a</a>>«a>/a</a>>
What is an absolute URL?
A full url that leads to another website
What is a relative URL?
a link that sends you to another page within the same site
How do you indicate the relative link to a parent directory?
../index.html
How do you indicate the relative link to a child directory?
example/index.html
How do you indicate the relative link to a grand parent directory?
../../index.html
How do you indicate the relative link to the same directory?
index.html
Give five examples of form control elements.
input, text area, select, option, button
Give three examples of type attributes for HTML elements.
«a>input type=”checkbox”</a>>«a>/input</a>>
«a>input type=”submit”</a>>«a>/input</a>>
«a>input type=”radio”</a>>«a>/input</a>>
Is an HTML element a block element or an inline element?
inline element
What is the purpose of an HTML form element?
to hold/store form content
What are the six primary HTML elements for creating tables?
tr, td, th, thead, tbody, tfoot
What purpose do the thead and tbody elements serve?
headings of the table should be in the thead element and the body of the table should be in the tbody element
Give two examples of data that would lend itself well to being displayed in a table.
Keeping track of ticket sales and keeping track of how many hours you worked out in a month
Name three different types of values you can use to specify colors in CSS.
hex codes, rgb css function, color names
What CSS properties make up the box model?
Content, padding, border, margin
Which CSS property pushes boxes away from each other?
margin
Which CSS property add space between a box’s content and its border?
padding
What is a pseudo-class?
It is a keyword added to a selector that specifies a special state of the selected element
What are CSS pseudo-classes useful for?
It lets you apply a style to the element when it is in a special state or also to external factors like history with the element
Name at least two units of type size in CSS.
pixels and percentages
What CSS property controls the font used for the text inside an element?
font-family
What is the default flex-direction of a flex container?
row
What is the default flex-wrap of a flex container?
inline
Why do two div elements “vertically stack” on one another by default?
because div elements are block level elements
What is the default flex-direction of an element with display: flex?
row
What is the default value for the position property of HTML elements?
static
How does setting position: relative on an element affect document flow?
it originally takes place in the normal layout flow, you can modify its final position, which could lead to it overlapping other elements
How does setting position: relative on an element affect where it appears on the page?
It does not affect it at all unless you also apply top. bottom, left, or right to it
How does setting position: absolute on an element affect document flow?
It makes the element not a part of the document flow and it now sits on its own layer
How does setting position: absolute on an element affect where it appears on the page?
It will make it appear at the very top of the page over other elements in the regular document flow.
How do you constrain an absolutely positioned element to a containing block?
If the position property is absolute, the containing block is formed by the edge of the padding box of the nearest ancestor element that has a position value other than static
What are the four box offset properties?
static, fixed, absolute, relative
