HTML Flashcards
Where do you put non-visible content about the HTML document?
Non-visible content goes between the head tags
Where do you put visible content about the HTML document?
Visible content should go into the body tags
What is the purpose of a < !DOCTYPE > declaration?
is used to tell the browser what version of HTML we are using.
Give five examples of HTML element types.
img p h1 - h6 span body head html
What is the purpose of HTML attributes?
Attributes are extra information being provided about the elements contents
Give an example of an HTML entity (escape character).
& l t ; = <
& a m p ; = &
(minus the spaces)
How do block-level elements affect the document flow?
Block-level elements take up the entire line of a document. They start on new lines and take up the entire line.
How do inline elements affect the document flow?
Inline elements will stay on the same line as the neighboring content.
What are the default width and height of a block-level element?
Default width is the width of the container, the full width available. “100%”
Default height is the height of the content, “auto”
What are the default width and height of an inline element?
Default width is the width of the content. “Auto”
Default height is the height of the content. “Auto”
What is the difference between an ordered list and an unordered list in HTML?
<ol> Ordered list - items are ordered. 1, 2, 3.
| </ol>
<ul> Unordered list - lists that are bullet points</ul>
Is an HTML list a block element or an inline element?
ordered and unordered lists are both block elements
What HTML tag is used to link to another website?
the anchor tag “< a >” (without spaces)
What is an absolute URL?
The full web address for an external website
What is a relative URL?
Links to other pages within the same website
How do you indicate the relative link to a parent directory?
In the href, include “../” in front of the file name
Ex href = “../index.html” (isn’t always index, must be the name of the direct parent file
How do you indicate the relative link to a child directory?
In the href, include the name of the child folder, and then the page you would like to redirect to
Ex href = “music/listings.html”
How do you indicate the relative link to a grand parent directory?
Similar to the parent directory, but you include “../” for every step you want to go up
Ex href = “../../index.html”
How do you indicate the relative link to the same directory?
Set href to the name of the file you want to redirect to, nothing else is needed.
What is the purpose of an HTML form element?
To collect information from users that visit the website
Give five examples of form control elements.
< input >
< textarea >
< select >
< label >
< button >
< fieldset >
Dropdown menus
Give three examples of type attribute values for HTML < input > elements.
type=”input” (text input)
type=”password” (hidden text input for passwords
type=”radio” (single selection boxes.
Is an HTML < input > element a block element or an inline element?
Inline
What are the six primary HTML elements for creating tables?
table thead tbody tr td th
(each of these need to be surrounded by tags < > when using in html)
What purpose do the thead and tbody elements serve?
thead defines the rows that define the “headings” of the table
tbody defines the body of the table. holds the < tr > elements that set the number of rows in a table.
Give two examples of data that would lend itself well to being displayed in a table.
sports results
stock reports
financial reports
calendars
Which HTML meta tag is used in mobile-responsive web pages?
meta name = ‘viewport’ content = ‘width=device-width, initial-scale=1’
