HTML Foundations Flashcards
Where do you put non-visible content about the HTML document?
< head > tag
Where do you put visible content about the HTML document?
< body > tag
Where do the < head > and < body > tags go in a valid HTML document?
< head > goes right after the < html > tag and before the < body > tag.
< body > goes right before the tag and after the tag.
What is the purpose of a declaration?
To declare what version of HTML is being used.
Give five examples of HTML element types.
< html > element < head > element < title > element < body > element < p > element
What is the purpose of HTML attributes?
Provides additional information about the contents of an element.
Give an example of an HTML entity (escape character).
& = Ampersand © = Copyright symbol ® = Registered trademark
How do block-level elements affect the document flow?
Starts on a new line and only takes up as much space as the element holds.
How do inline elements affect the document flow?
Stays on the same line with other neighboring elements.
What are the default width and height of a block-level element?
Default width is dependent on the parent element’s container.
Default height is whatever content that block-level element has.
What are the default width and height of an inline element?
Default width and height is whatever the content is of the inline element.
What is the difference between an ordered list and an unordered list in HTML?
Ordered lists are numbered
Unordered lists are bullet points
Is an HTML list a block element or an inline element?
An html list is a block element
What HTML tag is used to link to another website?
< a > tag
What is an absolute URL?
The full url which includes https://www.
What is a relative URL?
Relative URL already starts on the absolute url but has the additional paths
Example:
Absolute URL = https://www.google.com
Relative URL = /images
How do you indicate the relative link to a parent directory?
./parentDirectory
How do you indicate the relative link to a child directory?
./parentDirectory/childDirectory
How do you indicate the relative link to a grand parent directory?
../grandParentDirectory
How do you indicate the relative link to the same directory?
fileName
What is the purpose of an HTML form element?
Allows users to input data
Give five examples of form control elements.
Add Text - Text Input, Password Input, Text Area Making Choices - Radio Buttons, Checkboxes, Drop-down boxes Submitting Forms - Submit Buttons, Image Buttons Uploading Files - File Upload
Give examples of type attribute values for HTML < input > elements.
“text”, “password”, “radio”, “checkbox”, “file”, “submit”, “image”, “hidden”
Is an HTML < input > element a block element or an inline element?
Inline element
