HTML Flashcards
Where do you put the non-visible content about the HTML document?
It goes inside of the head element.
Where do you put visible content about the HTML document?
It goes inside of the body element.
Where do the head and body tags go in a valid HTML document?
They go in between the html element tags.
What is the purpose of doctype declaration?
It tells the browser which version of HTML the page is using.
Give 5 examples of HTML element types.
span, p, img, div, h1
What are HTML entities? Provide an example.
They are also known as escape characters. They are characters that are used and reserved by HTML code. Example: cent sign –> ¢ or ¢
How do block-level elements affect the document flow?
They will always appear on a new line. They do not allow other elements on the same horizontal row.
How do inline elements affect the document flow?
They appear on the same line as their neighboring elements.
What are the default widths and heights of a block-level element?
The height is determined by the content inside the element. The width is the full horizontal width of its container block.
What are the default widths and heights of an inline element?
The width and height of an inline element is determined by the content of the element.
What is the difference between an ordered list and an unordered list in HTML?
Ordered lists show items that are listed with numbers while an unordered list starts with bullet points.
Is an HTML list a block element or an inline element?
It is a block-level element – it pushes everything after it down the page.
What HTML tag is used to link another website?
The anchor tag // <a> tag along with the href attribute and the link to the website as the value.</a>
What is an absolute URL?
The full web address for a site or the direct URL to a file
What is a relative URL?
Shorthand url to a link on the same website
How do you indicate the relative link to a parent directory?
../ followed by file name
How do you indicate the relative link to a child directory?
Name of the child folder followed by the file name
How do you indicate the relative link to a grandparent directory?
../../ to move up 2 folders then follow with file name
How do you indicate the relative link to the same directory?
Just use the file name by itself.
What’s the purpose of an HTML form element?
To collect information/data from users
Give 5 examples of form control elements.
input, select, textarea, button, option
Give 3 examples of type attribute values for HTML input elements
radio: allows users to pick from a variety of options
checkbox: allows users to check
password: allows users to enter passwords
Is an HTML input element a block element or an inline element?
Trick question – it’s an inline-block element. They are similar to inline elements but have padding and margins added to all 4 sides.
What are the 6 primary HTML elements for creating tables?
table, thead, tbody, th (table heading), tr (table row), td (table data)
What purpose do the thead and tbody elements serve?
It allows you to style the sections differently and helps with accessibility for screen reading
Give two examples of data that would lend itself well to being displayed in a table.
Stock market data/values, events schedule, sports finish times
