HTML Flashcards
What tags are necessary for a complete HTML Skeleton?
(1) doctype declaration
(2) html tag
(3) head
(4) title (in the head)
(5) body
What type of content belongs within the of an HTML document?
Meta-information/meta-data (non-visible content)
What type of content belongs within the of an HTML document?
Content that the user will see
Where must the DOCTYPE declaration appear in a valid HTML document?
At the very top
Do all HTML elements require a closing tag?
No, some are empty/self-closing/void
What are attributes for in HTML?
To customize elements
What is the purpose of the alt attribute used on <img></img> elements?
Shows text (describing the image) if the image doesn’t load properly
How many heading elements are available in HTML?
6
How do link to a file in the same folder as the current HTML document?
href attribute + name of the file in the current directly or (./)
How do you link to a file in a folder one level up from the folder containing the current HTML document?
href=”../” (parent directory) + name of file
What is the difference between an absolute file path and a relative file path on the Web?
absolute = outside source, relative = internal source
What is a hyperlink?
anchor/link that takes you somewhere (to a different document, image, etc.)
What is the purpose of CSS?
To help format/design a web page
Describe the syntax of a CSS rule-set.
A CSS Syntax rule consists of a selector, property, and its value.
Which CSS properties make up the box model?
Margins, padding, borders, and the actual content (width and height).
Which CSS property pushes boxes away from each other?
Margin
Which CSS property pushes box content away from its border?
Padding
What are some characteristics of block?
Displays an element as a block element (like <p>). It starts on a new line, and takes up the whole width.</p>
What are some characteristics of inline?
Displays an element as an inline element (like <span>). Any height and width properties will have no effect.</span>
What are some characteristics of inline-block?
Displays an element as an inline-level block container. The element itself is formatted as an inline element, but you can apply height and width values.
What is the default flex-direction of a flex container?
Row
What is the default flex-wrap of a flex container?
nowrap