HTML Concepts Flashcards
Where do you put non-visible content about the HTML document?
Within the head element.
Where do you put visible content about the HTML document?
Within the body element.
Where do the and tags go in a valid HTML documents?
Within the HTML element.
What is the purpose of a declaration document?
Dictate to the browser what version is being used.
How do block elements affect the document flow?
They start a new line.
How do inline elements affect the document flow?
The alter the appearance of the result. (Ex. italicize, bold, strike out) They don’t start new lines.
What are the default width & height of a block-level element?
Height is the height of the content.
Width is the length of the page or the container of the parent element.
What are the default width & height of an inline element?
Height is the height of the content.
Width is the width of the content.
What is the difference between an ordered list and an unordered list?
An ordered list is numbered.
An unordered list has bullet points.
Is a HTML list a block element or an inline element?
A block element.
What HTML tag is used to link to another website?
<a></a>
What is an absolute URL?
It starts with a domain name.
What is a relative URL?
It is used to link pages within the same site.
Give 5 examples of HTML element types.
Head, title, body, h1, p
What is the purpose of HTML attributes?
They provide more info about elements.
Give and example of an HTML entity (escape character).
ampersand sign, trademark sign, copyright sign
How do you indicate the relative link to a parent directory?
../ (dot dot forward slash followed by the file name)
How do you indicate the relative link to a child directory?
/ (forward slash)
How do you indicate the relative link to a grandparent directory?
../../(dot dot slash, dot dot slash, forward slash followed by file name
How do you indicate the relative link to the same directory?
Name of the file
What is the purpose of an HTML form element?
a way to capture data from users
Give 5 examples of form control elements.
, , , ,
Give 3 examples of type attribute values for HTML elements.
text input, button, dropdown boxes
What are the 6 primary HTML elements for creating tables?
, , , , ,
What purpose do the and elements serve?
Semantic elements that divide heading content from body content.
The table body element contains the table rows () that make up the body of the .
The table head element contains the head of the columns in the table.
Give 2 examples of data that would lend itself well to being displayed in a table.
Budget reports, Recording habits, Sports stats
What are the names of the individual pieces of a CSS rule?
elements, properties, values
In CSS, how do you select elements by their class attribute?
.class name { }
In CSS, how do you select elements by their type?
matches element name (ex. body{ }, h1 { }
In CSS, how do you select an element by its id attribute?
id name (ex. id = “name” –> #name{ } )
Name 3 different types of values you can use to specify colors in CSS.
RBC values, HEX codes, color names, keyword, hue saturation, brightness, RGBA
What CSS properties make up the box model?
border, margin, padding, content, height + width
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 pseudo-class?
“A pseudo-class is a selector that selects elements that are in a specific state, e.g. they are the first element of their type, or they are being hovered over by the mouse pointer.”
What are the CSS pseudo classes useful for?
Ex. useful for making a page more interactive, and other things. Lots of other things.
Name 2 types of units that can be used to adjust font size.
Pixels + Percentages
What CSS property controls the font used for the text inside an element?
Font-family
