HTML Flashcards
Where do you put non-visible content about the HTML document?
inside of the head element
Inside the meta tags
Where do you put visible content about the HTML document?
Inside of the body element
Where do the head and body tags go in a valid HTML document?
The head element goes between the html element and the opening body tag.
The body tag must be inside of the html element and follows the head element.
What is the purpose of the DOCTYPE declaration?
It instructs the web browser on which version of HTML you are using. It ensures that the web page is parsed the same way by different web browsers.
Give five examples of HTML element types:
html, head, title, body, h1-h6, a(link) , img,
What is the purpose of HTML attributes?
additional values that configure the elements or adjust their behavior in various ways to meet the criteria the users want.
Give an example of an HTML entity (escape character).
copyright (©) , registered trademark (®) , cent (¢)
How do block-level elements affect the document flow?
block-level elements begin on new lines, they always start on new lines and take up the full width available (stretches out to the left and right as far as it can).
examples: article, aside, div, header, footer, li, ol, ul, h1-h6, main, p, section
How does inline elements affect the document flow?
only occupy the space bounded by the tags defining the element, instead of breaking the flow of the content. DOES NOT start on a new line, only takes up as much width as necessary.
examples: a, b, button, cite, i, em, strong, img, input, s, script, span, u, sub, sup
What are the default width and height of a block-level element?
the default height and width is the height and width of the content itself.
What are the default width and height of an inline element?
the default height and width is the height and width of the content itself.
What is the difference between an ordered list and an unordered list in HTML?
Ordered lists need to follow a specific order and will begin with a number. Unordered lists do not need to follow a specific order and begin with bullet points.
Is an HTML list a block element or an inline element?
block element
What HTML tag is used to link to another website?
a element
What is an absolute URL?
When you link to a different website, the href value will be the full website address. An absolute URL starts with the domain name for that site, and can be followed by the path to a specific page.
What is a relative URL?
When you are linking to other pages WITHIN the same site. They use shorthand versions on absolute URLs because you DO NOT need to specify the domain name.
How do you indicate the relative link to a parent directory?
Use the (../) to go 1 folder above the current one, then the file name
example: ../index.html
How do you indicate the relative link to a child directory?
use the name of the child directory(folder) followed by a forward slash (/), then file name.
example: music/listings.html
How do you indicate the relative link to a grand parent directory?
Repeat the (../) two times to go up by 2 folders, then the file name.
example: ../../index.html
How do you indicate the relative link to the same directory?
just use the file name.
example: index.html
What is the purpose of an HTML form element?
the form element represents a document section containing interactive controls for submitting information.
Give five examples of form control elements:
text-input, password input, text-area, radio-buttons, checkboxes, drop-down boxes, submit buttons, image buttons, file upload
Give three examples of type attribute values for HTML input elements:
type=”text” , type=” password” , type=”file” , type=”submit”
Is an HTML input element a block element or an inline element?
inline element
What are the six primary HTML elements for creating tables?
table element, thead element, tbody element, th element, tr element, td element, tfooter element
What purpose do the thead element and tbody elements serve?
The thead element defines a set of rows defining the head of the columns of the table.
The tbody element encapsulates a set of table rows (tr elements), indicating that they compromise the body of the table.
Give two examples of data that would lend itself well to being displayed in a table.
Sports statistics, Stock Market information, anything that can fit into an excel sheet.
