HTML Attributes Flashcards
what is an html attribute
properties that provide additional information about the element
what do html attributes do
say something about the elements that carries them
what do html attributes consist of
a name and a value
what is the name part of an html attribute
the property of the element that you want to set
what is the value part of an html attribute
what you want the value of the property to be
how are html attributes usually written
in the form “name=value”
how should the value of an html attribute be written
in double qoutation marks following the equals sign
give all the core html attributes
id
class
title
style
what is a boolean html attribute
attributes that consist of just a name
give all html internationalisation attributes
dir
lang
html attribute: src
html element: img
specifies the url of the image that’s displayed
html attribute: href
html element: a
specifies the url of a webpage to link to
html attribute: title
html element: a
gives a plain language description of the target of the link
html attribute: lang
html element: html
sets the language of the document
html attribute: lang
sets the language of an element
html attribute: id
uniquely identifies any element within a page
html attribute: class
specifies that an element belongs to a class of elements
html attribute: title
gives a suggested title for the element
html attribute: style
enables you to specify css styles for the element
html attribute: dir
enables you to indicate to the browser the direction in which the text should flow
html attribute: href
html element: link
specifies the url of the linked document
html attribute: rel
html element: link
indicates the type of the linked document
html attribute: src
html element: script
specifies the url of a javascript file
html attribute: cite
html element: blockquote
indicates the source of the qoute
html attribute: reversed
html element: ol
reverses the order of the list
html attribute: type
html element: ol
specify the class of markers to use with ordered lists
html attribute: type
html element: ol
value: a
use lowercase letters
html attribute: type
html element: ol
value: A
use uppercase letters
html attribute: type
html element: ol
value: i
use lowercase roman numerals
html attribute: type
html element: ol
value: I
use uppercase roman numerals
where are attributes placed in an html element
within the opening tag
html attribute: cite
html element: q
indicates the source of the qoute
html attribute: title
html element: abbr
defines the full description of the abreviation
html attribute: datetime
html element: time
indicates the time and date of the element and must be a valid date with an optional time string
html attribute: title
html element: ins, del
provides information as to who added the element and why it was added or deleted
html attribute: cite
html element: ins, del
uri for a resource that explains the change
html attribute: datetime
html element: ins, del
indicates the time and date of the change and must be a valid date with an optional time string
html attribute: href=”mailto:”
html element: a
allows users to send an email to a specific address
html attribute: href
html element: base
specifies the base url value
html attribute: accesskey
provides a hint for generating a keyboard shortcut for the current element
html attribute: hreflang
html element: a
indicates the language of the linked resource
html attribute: rel
html element: a
specifies the relationship of the target object to the link object
html attribute: tabindex
an integer indicating if the element can take input focus
html attribute: target
html element: a
specifies where to display the linked resource
html attribute: target
html element: a
value: _blank
opens the link in a new browser window or tab
html attribute: alt
html element: img
defines the alternative text describing the image
html attribute: height
html element: img
sets the height of the image
html attribute: width
html element: img
sets the width of the image
html attribute: preload
html element: video, audio
value: none
indicates that the media should not be preloaded
html attribute: preload
html element: video, audio
value: metadata
indicates that only media metadata is fetched
html attribute: preload
html element: video, audio
value: auto
indicates that the whole media file could be downloaded even if the user is not expected to use it
html attribute: autoplay
html element: video, audio
indicates whether the media should automatically play when the page is loaded