HTML Flashcards
Where do you put non-visible content about the HTML document?
Within the head element
Where do you put visible content about the HTML document?
Within the body element
Where do the < head > and < body > tags go in a valid HTML document?
The < head > and < body > tags both go within the < html > element. The < body > tag goes after the < head > tag
What is the purpose of a < !DOCTYPE > declaration?
The doctype declaration tells the web browser what version of HTML the document is written in
Give five examples of HTML element types.
< html >, < head >, < body >, < h1 >, < p >
What is the purpose of HTML attributes?
It provides more information about the element (example: alt, href, src)
Give an example of an HTML entity (escape character).
& copy ; - copyright symbol
& reg ; - registered trademark
How do block-level elements affect the document flow?
They are on a new line. It occupies the entire horizontal space of its parent element (container),
How do inline elements affect the document flow?
They can be within the same line. They take up only as much (horizontal) space as necessary
What are the default width and height of a block-level element?
width: 100%
height: auto
What are the default width and height of an inline element?
width: auto
height: auto
What is the difference between an ordered list and an unordered list in HTML?
An ordered list is numbered and ordered (example step-by-step instruction). The unordered list has no order (example grocery list)
Is an HTML list a block element or an inline element?
Block
What HTML tag is used to link to another website?
< a href = ‘url’ > tag< /a >
What is an absolute URL?
Full website address with the protocol and domain name (example: http://www.google.com/
What is a relative URL?
Web page address without protocol or domain name. A path or file name with extension. Used for navigation within the web app or pages within website
How do you indicate the relative link to a parent directory?
../file.extension
How do you indicate the relative link to a child directory?
directory (folder name)/file.extension
How do you indicate the relative link to a grand parent directory?
../../file.extension
How do you indicate the relative link to the same directory?
file.extension
What is the purpose of an HTML form element?
- To collect info from visitors to your site
- Interacting with the website/app
Give five examples of form control elements.
form, input, textarea, select, option
Give three examples of type attribute values for HTML elements.
radio, checkbox, submit, text, file
Is an HTML < input > element a block element or an inline element?
Inline
