HTML Elements Flashcards
what are html tags
codes inside angle brackets that tell the browser how to format and arrange text
what two types of html tags are there
opening and closing tags
what are two sided html tags
tags that enclose text between an opening and closing tag
what differentiates an opening and closing tag
a forward slash (/)
what are html elements
tags that define the content in web pages
html element: b
represents a span of text stylistically different from normal text, without conveying any special importance or relevance
html element: img
represents an image in the web page
html element: a
defines a hyperlink to a location on the same page or any other page on the Web
html element: html
represents the root of an HTML document
html element: body
represents the content of an HTML document
html element: head
provides metadata about the document
html element: p
represents a paragraph of text
html element: h1
a level 1 heading
html element: h2
a level 2 heading
html element: h3
a level 3 heading
html element: h4
a level 4 heading
html element: h5
a level 5 heading
html element: h6
a level 6 heading
html element: title
defines the title of the document
html element: DOCTYPE
informs the browser which html version the document uses
html element: link
specifies relationships between the current document and an external resource
html element: meta
represents metadata information
html element: script
used to embed or reference an executable script within an html document
html element: br
produces a line break in text
html element: pre
represents pre-formatted text
what two types of html elements are there
block level elements and inline level elements
html element: div
represents a generic block of content
html element: header
represents a group of introductory or navigational aids
html element: nav
represents a section of a page with navigational links
html element: section
represents a generic section of a document
html element: article
represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication)
html element: hr
represents a thematic break between paragraph-level elements
html element: blockquote
indicates that the enclosed text is an extended quotation
html element: aside
represents a section of the page with content connected tangentially to the rest, which could be considered separate from that content
html element: footer
represents a footer for its nearest sectioning content or sectioning root element
html element: address
supplies contact information for its nearest article or body ancestor
html element: ul
represents an unordered list of items
html element: li
represents an item in a list
html element: ol
represents an ordered list of items
html element: dl
encloses a list of pairs of terms and descriptions
html element: dt
identifies a term in a definition list
html element: dd
indicates the description of a term in a description list
html element: figure
represents self-contained content, frequently with a caption (figcaption), and is typically referenced as a single unit
html element: figcaption
represents a caption or a legend associated with a figure or an illustration described by the rest of the data of the figure element
html element: em
marks text that has stress emphasis
html element: strong
gives text strong importance
html element: span
generic inline container for phrasing content, which does not inherently represent anything
html element: style
contains style information for a document, or part of a document
where should the DOCTYPE element be placed
at the beginning of the document before any other tag
html element: sup
defines a span of text that should be displayed, for typographic reasons, higher, and often smaller, than the main span of text
html element: sub
defines a span of text that should be displayed, for typographic reasons, lower, and often smaller, than the main span of text
html element: kbd
represents user input
html element: code
represents a fragment of computer code
html element: samp
represents sample output from a computer program
html element: q
indicates that the enclosed text is a short inline quotation
html element: abbr
represents an abbreviation and optionally provides a full description for it
html element: cite
represents a reference to a creative work
html element: dfn
represents the defining instance of a term
html element: i
represents a range of text that is set off from the normal text
html element: small
represent side-comments and small print, including copyright and legal text
html element: time
represents either a time on a 24-hour clock or a precise date
html element: mark
represents highlighted text
html element: ins
represents a range of text that has been added to a document
html element: del
represents a range of text that has been deleted from a document
html element: base
specifies the base URL to use for all relative URLs contained within a document
html element: iframe
represents a nested browsing context, effectively embedding another HTML page into the current page
html element: video
embeds video content in a document
html element: audio
embeds sound content in documents
html element: object
represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin
html element: param
defines parameters for the object element
html element: embed
represents an integration point for an external application or interactive content
html element: source
specifies multiple media resources for either the picture, the audio or the video element
html element: s
represents content that is no longer relevant or no longer accurate
html element: table
represents tabular data
html element: tr
defines a row of cells in a table
html element: td
defines a cell of a table that contains data
html element: th
defines a cell as header of a group of table cells
html element: thead
defines a set of rows defining the head of the columns of the table
html element: tbody
defines one or more tr element data-rows to be the body of its parent table element
html element: tfoot
defines a set of rows summarizing the columns of the table
html element: caption
represents the title of a table
html element: var
represents a variable in a mathematical expression or a programming context
html element: form
represents a document section that contains interactive controls to submit information to a web server
html element: input
used to create interactive controls for web-based forms in order to accept data from the user
html element: textarea
represents a multi-line plain-text editing control
html element: select
represents a control that presents a menu of options
html element: option
used to create a control representing an item within a select, an optgroup or a datalist
html element: optgroup
creates a grouping of options within a select element
html element: button
represents a clickable button
html element: label
represents a caption for an item in a user interface
html element: fieldset
used to group several controls as well as labels within a web form
html element: legend
represents a caption for the content of its parent fieldset
html element: colgroup
defines a group of columns within a table
html element: col
defines a column within a table
html element: meter
represents either a scalar value within a known range or a fractional value
html element: progress
represents the completion progress of a task, typically displayed as a progress bar
what are block level elements
elements that begin on a new line, stacking one on top of the other, and occupy any available width
what are inline level elements
elements that do not begin on a new line. They fall into the normal flow of a document, lining up one after the other, and only maintain the width of their content