HTML Flashcards
Where do you put non-visible content about the HTML document?
Inside the «a>head</a>> tag.
Where do you put visible content about the HTML document?
Inside the «a>body</a>> tag.
Where do the «a>head</a>> and «a>body</a>> tags go in a valid HTML document?
Inside the «a>html</a>> tag.
What is the purpose of a «a>!DOCTYPE</a>> declaration?
To tell the browser what kind of type the document is.
Give five examples of HTML element tags.
«a>head</a>>, «a>body</a>>, «a>h1</a>>, «a>p</a>>, and «a>image</a>> tags.
What is the purpose of HTML attributes?
To provide additional information for the element.
Give an example of an HTML entity (escape character).
“& amp ;” is &
How do block-level elements affect the document flow.
Block-level elements take up the whole width of its parent element and begins a new line after.
How do inline elements affect the document flow?
Inline elements only takes as much space as its contents, and another element can exist in the same line should there be enough space.
What are the default width and height of a block-level element?
Default width of a block-level element is 100% of the width of its parent element.
Default height of a block-level element is equal to the height of its contents.
What are the default width and height of an inline element?
Default width and height of an inline element are equal to that of its contents.
What is the difference between an ordered list and an unordered list in HTML?
Ordered list: Lists the items by numbers/letters.
Unordered list: Lists the items by 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.
The «a>a</a>> tag.
What is an absolute URL?
An absolute URL is the URL path that contains all the information necessary to locate the resource including the domain.
External Navigation.
What is a relative URL?
A relative URL is the URL path that can be used when the resource is in the same directory as the document.
It contains the location of the resource.
Internal Navigation.
How do you indicate the relative link to a parent directory?
../file-name
How do you indicate the relative link to a child directory?
Directory-name/file-name
How do you indicate the relative link to a grand parent directory?
../../file-name
How do you indicate the relative link to the same directory?
Simply type in the file-name of the document you are trying to link to.
What is the purpose of an HTML «a>form</a>> element?
To collect data from the users.
To group the contents in the form.
Give five examples of form control elements.
«a>input</a>>, «a>textarea</a>>, «a>option</a>>, «a>button</a>>, and «a>select</a>>.
Give three examples of type attributes for HTML «a>input</a>> elements.
Checkbox, password, and text.
Is an HTML «a>input</a>> element a block element or an inline element?
An HTML «a>input</a>> element is an inline element.
What are the six primary HTML elements for creating tables?
«a>table</a>>, «a>thead</a>>, «a>tbody</a>>, «a>th</a>>, «a>tr</a>>, and «a>td</a>>.
What purpose do the «a>thead</a>> and «a>tbody</a>> elements serve?
The «a>thead</a>> and «a>tbody</a>> elements serve to organize tables into relative chunks.
Give two examples of data that would lend itself well to being displayed in a table.
Employee List
Sport Statistics
