Beginning HTML and CSS Flashcards
What is CSS used for
To control how a web page looks
What is HTML used for
To explain the structure of a web page
What is JavaScript used for
To add interactivity to a web page
What does HTML stand for
Hypertext markup language
What does W3C stand for
World Wide Web Consortium
What does CSS stand for
Cascading style sheet
What file extension does a html file have
.htm or .html
What is a parent
An element that contains another element
What is a child
An element that is between the parents opening and closing tags
what are siblings
Two elements contained in the same parent
What two main parts are there to a web page
Head section
Body section
What is a hyperlink
Links that take you from one web page to another
What does the href attribute do in the < a > element
Tells you where the link should take you
What are attributes
They are the qualities that describe something
What do attributes do
Say something about the element that caries them
Where do attributes appear
On the opening tag of the element that carries them
What is the name part of an attribute
The property of the element that you want to set
What does an attributes consist of
A name and a value
What is the value part of an attribute
What you want the value of the property to be
How should the value of an attribute alway appear
In double quotation marks and separated from the name with equal sign
What does the title attribute do in the < a > element
Gives a plain language description of the target of the link
what does the lang attribute do
describes the language used within that element
what is a boolean attribute
attributes that consist of only a name
what are the four core attributes
id
title
class
style
what does the id attribute do
uniquely identifies any element within a page
why might you want to uniquely identify an element
so that you can link to that specific part in the document or to specify that a CSS style or piece of JavaScript should apply to the content of just that one element
what does the class attribute do
specifies that an element belongs to a class of elements
what does the title attribute do
gives a suggested title for the element
what does the style attribute do
enables you to specify CSS rules within the element
what two internationalization attributes are there
dir
lang
what does the dir attribute do
enables you to indicate to the browser the direction in which the text should flow: left to right or right to left.
what two values can the dir attribute take
ltr: Left to right
rtl: Right to left
what does the lang attribute do
enables you to indicate the main language used in a document
what are the values of the lang attribute
standard two-character language codes
what attributes can the < html > carry
id
dir
lang
what attributes can the < head > element carry
id
dir
lang
what does the < link > element do
link to an external file
what does the < script > element do
includes script in the document
what does the < meta > element do
includes information about the document
what is a character set
collections of characters used to render written language
What does the rel attribute do in the < link > element
Indicates the type of the linked document and to handle it accordingly
what attributes can the element carry
id
dir
lang
What does the src attribute do in the < script > element
Points to the location of a JavaScript file
what attributes can the < hn > element carry
class id style title dir lang
what elements can the < p > element carry
class id style title dir lang
what attributes can the < br > element carry
class
id
style
title
what does the cite attribute do in the < blockquote > element
indicates the source of the quote
what is the value of the cite attribute in the < blockquote > element
a URL pointing to an online document; if possible, the exact place in that document
what three types of lists can you create in html
unordered
ordered
defintion
what does the start attribute do in the < ol > element
specifies a value that the numbered list should start with
what does the reversed attribute do in the < ol > element
allows you to reverse the order of ordered lists, counting down from the highest number
what does the type attribute do in the < ol > element
allows you to specify the class of markers to use with ordered lists
< ol type=”1”>
uses the decimal class of markers in ordered lists
< ol type=”a”>
uses the lower-alpha class of markers in ordered lists
< ol type=”A”>
uses the upper-alpha class of markers in ordered lists
< ol type=”i”>
uses the lower-roman class of markers in ordered lists
< ol type=”I”>
uses the upper-roman class of markers in ordered lists
what is the content of the element intended to be
a point of emphasis in your document
how does the content of the element display
in italicized text
when should you use the element
only when you want to add emphasis to a word
what is the element intended to do
show strong emphasis for its content—stronger emphasis than the element
when should you use the element
only when you want to add strong emphasis to part of a document
what does the content in the element display in
bold
what does the content in the element display in
italicized text
why should you use the and elements instead of the and elements
they can be more sensibly used in a screen reader or other implementation not dependent on a certain type style
what is the element used for
fine print
what are typical uses of the element
disclaimers, caveats, and copyrights
what does the element do
indicate the source when you quote a text
when should you place the element in the element
when you reference an online resource
what happens when you place the element in the element
creates a link to the relevant document
when do you use the element
when you want to add a quote within a sentence, rather than as an indented block on its own
when using the element to carry the element, what should the value be
a URL pointing to the source of the quote
what does the element allow you to do
specify that you are introducing a special term
how do most browsers render the content in the element
in italic font
when should you typically use the element
the first time you introduce a key term and only in that instance
what can you use the element for
to indicate when you use an abbreviated form or acronym
what should you consider using when using the element
the title attribute
what is the title attributes value when using it in the element
the full version of the abbreviations
what can you use the element alongside the associated datetime attribute for
to mark up text representing time in various forms
what is the datatime attribute of the element designed to be
a computer-readable representation of the same informa-
tion
what does using a datatime attribute allow you to do
present a friendly date for your users and still leverage
one of the more computer-useful representations
what does the element contain
code that you want to appear on a web page inside
what is the content of the element displayed in
monospaced font
what is the element often used with
the element so that the formatting of the code is retained
what can you use the element and the associated element to do
mark up and annotate figures or illustrations that might be referenced in text but aren’t part of the main flow of the
document
what is the element usually used with
the and elementsto indicate that the content of that element is a variable that can be
supplied by a user
what does the element indicate
sample output from a program, script, or the like
what does the element contents tend to display in
a monospaced font
what can you use the element for
to indicate what should be typed in by the user
what is the contents of the element usually displayed in
a monospaced font
how does the content of the element display
one-half a character’s height above the other characters and is also often slightly smaller than the text surrounding it
what is the content of the element written in
superscript
what is the content of the element written in
subscript
how does the content of the element display
one-half a character’s height beneath the other characters and is also often slightly smaller than the text surrounding it
