HTML Flashcards
HTML Skeleton:
Where do you put non-visible content about the HTML document?
head element
HTML Skeleton:
Where do you put visible content about the HTML document?
body element
HTML Skeleton:
Where do the <head> and <body> tags go in a valid HTML document?
inside html element, head first and body after head
HTML Skeleton:
What is the purpose of a <!DOCTYPE> declaration?
a DOCTYPE declaration tells the browser which version of HTML the page is using
HTML Syntax:
Give five examples of HTML element types
<html>, <head>, <body>, <p>, <h1>
</h1></p></body></head></html>
HTML Syntax:
What is the purpose of HTML attributes?
the HTML attribute provides additional information about the contents of an element
HTML Syntax:
Give an example of an HTML entity (escape character)
© (copyright symbol)
HTML Block and Inline:
How do block-level elements affect the document flow?
block elements always starts on a new line
(h1, p, ul, li)
HTML Block and Inline:
How do inline elements affect the document flow?
inline elements continues on the same line as their neighboring elements
(img, em, b, i, sup, sub)
HTML Block and Inline:
What are the default width and height of a block-level element?
width of a block element is the full length of the page or parent container
height of a block element is auto (height of content)
HTML Block and Inline:
What are the default width and height of an inline element?
the width and height of an inline element are auto
HTML Lists:
What is the difference between an ordered list and an unordered list in HTML?
an ordered list numbers its list items
an unordered list has bullet points for the list items
HTML Lists:
Is an HTML list a block element or an inline element
an HTML list is a block element
HTML Links:
What HTML tag is used to link to another website?
<a> anchor tag</a>
HTML Links:
What is an absolute URL?
an absolute URL is a link to a different website than the one you’re on
HTML Links:
What is a relative URL?
a relative URL is a link from the same website (your website)
HTML Relative Links:
How do you indicate the relative link to a parent directory?
../followed by the file name
HTML Relative Links:
How do you indicate the relative link to a child directory?
nameOfChildFolder/thenFileName
HTML Relative Links:
How do you indicate the relative link to a grandparent directory?
../../thenFileName
HTML Relative Links:
How do you indicate the relative link to the same directory?
just the file name
HTML Forms:
What is the purpose of an HTML form element?
an HTML form element is a boundary of the form
collects information from a user and sends it to a server
HTML Forms:
Give five examples of form control elements
input, select, textarea, button, option, label
HTML Forms:
Give three examples of type attribute values for HTML <input></input> elements
type=”text” (creates a single-line text input)
type=”checkbox” (allows users to select [and unselect] a checkbox)
type=”radio” (allows users to pick just one of a number of options)
HTML Forms:
Is an HTML <input></input> element a block element or an inline element?
an HTML <input></input> element is an inline element
HTML Tables:
What are the six primary HTML elements for creating tables?
table, thead, tbody, tr, td, th
HTML Tables:
What purpose do the thead and tbody elements serve?
organizational purposes
HTML Tables:
Give two examples of data that would lend itself well to being displayed in a table
tv schedules, stock reports, sport statistics, timetables
