HTML Flashcards
Where do you put non-visible content about the HTML document?
You put in the under the DOCTYPE Dec and before the opening body tag
(ie: this is where the meta data head and title are)
Where do you put visible content about the HTML document?
You put this between the opening body tag closing body tag
Where do the head and body tags go in a valid HTML document?
between html tags
What is the purpose of a !DOCTYPE declaration?
Is an instruction to the web browser about what version of HTML the page is written in. Helps browsers keep the page similar.
Give five examples of HTML element tags.
h1 p h2 span div img
What is the purpose of HTML attributes?
provide additional information about the contents of an element. Name = “value”
Give an example of an HTML entity (escape character).
© is the copywrite Html entity
How do block-level elements affect the document flow?
They will appear on a new line below the last one
How do inline elements affect the document flow?
Continue on the same line as their neighboring elements
What are the default width and height of a block-level element?
occupies the entire horizontal space of its parent element (container), and vertical space equal to the height of its contents, thereby creating a “block”.
What are the default width and height of an inline element?
Space bounded by the tags defining the element.
What is the difference between an ordered list and an unordered list in HTML?
Ordered lists are lists where each item in the list is numbered. Are lists that begin with bullet points.
Is an HTML list a block element or an inline element?
Lists are block elements
What HTML tag is used to link to another website?
the a anchor tag
What is an absolute URL?
It is a url that is to be posted to another website
What is a relative URL?
It links within the same site and doesnt need a different domain name
How do you indicate the relative link to a parent directory?
../FILE
How do you indicate the relative link to a child directory?
Name of the child then /
How do you indicate the relative link to a grand parent directory?
../../
How do you indicate the relative link to the same directory?
” ./”
What is the purpose of an HTML form element?
It allows you to perform different functions on the internet like search, shopping and newsletters etc..
Give five examples of form control elements.
text-input, radio buttons, checkboxes, image buttons, submit buttons,
Give three examples of type attributes for HTML elements.
button, check-box, color, date, email
Is an HTML input element a block element or an inline element?
It is an inline element
What are the six primary HTML elements for creating tables?
“table” “tr” “td” “th” “tbody “thead“
What purpose do the thead and tbody elements serve?
Give information to describe the table. It is additional information for screen readers.
Give two examples of data that would lend itself well to being displayed in a table.
Sports stats and results, class schedule
What are the names of the individual pieces of a CSS rule?
property and value
In CSS, how do you select elements by their class attribute
class= value . value {
In CSS, how do you select elements by their type?
matching the elements names (ex. all “p” tags = p { )
In CSS, how do you select an element by its id attribute?
id =”value” # value {
