HTML Tags and CSS Selectors Flashcards
The ____ tag is used to create links to other web pages or
resources
< a >
The____ tag is used to create paragraphs of text
< p >
The ____ tag is used to insert images into a web page
< img >
provides two types of lists: ordered lists ____ and
unordered lists ____.
< ol >
and
< ul >
The____ tag is used to create a
form, and different types of input elements can be used within the form,
such as text boxes, radio buttons, checkboxes, and dropdown menus
< form >
for creating tables on a web
page.
< table >
is a block-level element, used to group elements together for styling purposes
< div >
is an inline element, used to group elements together for styling purposes
< span >
provides audio and video in a web page
< audio >
and
< video >
< audio controls > < /audio > and < video controls > < /video>
can be used to provide additional information about a web page, such as its title, description, and keywords
Meta Tags
< meta charset = “utf-8” >
HTML allows you to add comments to your code using the ____ syntax.
< !- - – >
tag for creating buttons on a web page
< button >
tag for inserting a horizontal rule or line on a web page
< hr >
tag for indicating an abbreviation or acronym.
< abbr >
the ____ and ____
tags for creating subscripts and superscripts, respectively.
< sub >
and
< sup >
targets the active state of an element (when it is being
clicked)
:active
targets elements that are checked, such as checkboxes or radio buttons
:checked
targets disabled form elements
:disabled
targets elements that have no children
:empty
targets enabled form elements
:enabled
targets the element that has focus
:focus
targets the element that is being hovered over
:hover
These functions are used to specify colors in the red-green-blue color space .
rgb()
and
rgba()
These functions are used to specify colors in the hue-saturation-lightness color space.
hsl()
and
hsla()
This function is used to perform arithmetic calculations in CSS.
It can be used to calculate values for properties such as width, height, and margin.
calc()
This function is used to specify the location of an external resource such as an image or a font.
url()
This function is used to apply transformations to HTML
elements, such as scaling, rotating, and translating.
transform()
This function is used to create a gradient background using two or more colors.
linear-gradient()
This function is used to add a shadow effect to an HTML element.
box-shadow()
This function is used to create a smooth transition effect
when a CSS property changes value.
transition()
CSS Pseudo-classes selectors:
- :active
- :checked
- :disabled
- :empty
- :enabled
- :focus
- :hover