HTML Flashcards
Where do you put non-visible content about the HTML document?
In between the head tags/head element
Where do you put visible content about the HTML document?
In between the body tags/body element
Where do the and tags go in a valid HTML document?
In between the element
What is the purpose of a declaration?
To tell the browser what kind of HTML document to load
Give five examples of HTML element types.
< p >< /p >< h1 > < /h1 >< h2 > h2 >< h3 > < /h3 >< h6> < img > h6>
What is the purpose of HTML attributes?
They define additional characteristics or properties of the HTML element.
Give an example of an HTML entity (escape character)
& –> &
> –> >< –> <
How do block-level elements affect the document flow?
They start on a new line and take up the full available width
How do inline elements affect the document flow?
Do not start on a new line
What are the default width and height of a block-level element?
Width: 100% (of its parent container)
Height: Auto (fits its contents)
What are the default width and height of an inline element?
Width: Auto
Height: Auto
(width and height are dependent on the content)
What is the difference between an ordered list and an unordered list in HTML?
An ordered list is numbered by default. Sequential list.
And unordered list is bullet points by default. Collection of stuff.
Is an HTML list a block element or an inline element?
Block element
What HTML tag is used to link to another website?
< a> (anchor element)
What is an absolute URL?
A url that contains the protocol and the domain
What is a relative URL?
A link that doesn’t include the protocol or domain. Links to another place within your page (something that you have access to)
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.
ex)
< a href=”../index.html”>Home
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.
ex)
< a href=”music/listings.html”> Listings
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.
ex)
< a href=”../../index.html”>Home
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
ex)
< a href=”reviews.html” >Reviews < /a >
What is the purpose of an HTML form element?
Sets up the boundaries for an area that the user can interact with
Give five examples of form control elements.
input
select & option
textarea
button
Give three examples of type attribute values for HTML elements.
text
image
file
submit
password
radio
checkbox
Is an HTML element a block element or an inline element?
inline element
What are the six primary HTML elements for creating tables?
table
thead
tbody
tr
td
th
What purpose do the thead and tbody elements serve?
thead indicates the headings of the table.
tbody indicates the body of the table.
If the table is longer than the screen, the browser will keep the header visible whilst the contents of the table scroll.
Give two examples of data that would lend itself well to being displayed in a table.
financial reports
tv schedule
sports results
Student Grades
Class Schedule
Roster
Which HTML meta tag is used in mobile-responsive web pages?
meta name=”viewport” content=”width=device-width, initial-scale=1”
