HTML Flashcards
Where do you put non-visible content about the HTML document?
Inside the head element
For meta data (data describing data)
Where do you put visible content about the HTML document?
Inside the body element
Where do theheadandbodytags go in a valid HTML document?
Inside the html element
head & body are children of html parent
Can also say they are nested
What is the purpose of a!DOCTYPEdeclaration?
Tell the browser which version of HTML the page is using so that the browser will render the page correctly
Give five examples of HTML element types.
head body p span title html h1 - h6 img
What is the purpose of HTML attributes?
Provide additional information about the contents of an element
Give an example of an HTML entity (escape character).
> < & “ copyright, registered trademark, trademark, cent sign, multiplication/division sign, single and double quotes
How do block-level elements affect the document flow?
Start on a new line and take up the entire width of the page
Stacks on top of each other
How do inline elements affect the document flow?
Has potential to share the same space on the same line as their neighboring elements
What are the default width and height of a block-level element?
Occupies the entire horizontal space of its parent element (container), and vertical space equal to the height of its contents, thereby creating a “block”
Width: 100%
Height: Auto
What are the default width and height of an inline element?
Only occupy the space bounced by the tags defining the element, instead of breaking the flow of the content
Width and Height: Auto
What is the difference between an ordered list and an unordered list in HTML?
Ordered: each item in the list is numbered
Unordered: item is bullet pointed
Is an HTML list a block element or an inline element?
Block
ol, ul, li
What HTML tag is used to link to another website?
Anchor tag : a href=””
What is an absolute URL?
The full web address for the site
Starts with domain name for that site, can be followed by the path to a specific page
What is a relative URL?
Linking to other pages within the same site
Shorthand version of absolute URLs because you do not need to specify the domain name
How do you indicate the relative link to a parent directory?
Use ../ to indicate the folder above the current one, then follow it with the file name
Link to homepage from the music reviews:
a href=“../index.html”
How do you indicate the relative link to a child directory?
For a child folder, use the name of the child folder, followed by a forward slash, then the file name
Link to music listings from the homepage:
a href=“music/listings.html”
How do you indicate the relative link to a grand parent directory?
Repeat the ../ to indicate that you want to go up two folders (rather than one), then follow it with the file name
Link to the homepage from the DVD reviews (two files deep):
a href=“../../index.html”
How do you indicate the relative link to the same directory?
To link to a file in the same folder, just use the file name (nothing else is needed)
Link to music reviews from the music homepage (same directory):
a href=“review.html
What is the purpose of an HTMLformelement?
Sets up boundaries for area with elements which will collect information from visitors to your site
Give five examples of form control elements.
Label, Input, Select, Option, Text Area, Button
Give three examples oftypeattribute values for HTMLinputelements.
“text” - creates a single-line text input
“password” - creates a text box that acts just like a single-line text input, except the characters are blocked out
“radio” - allow users to pick just one of a number of options
checkbox, file, submit, image, hidden, email, url, search, date
Is an HTMLinputelement a block element or an inline element?
Inline
