The HTML flow tags are used in the body of the HTML documents. The body of the HTML document contains almost all the tags of the HTML that are used to display the different types of the content, such as plain text, links, and images in the HTML document.
Following table list and describes all flow tags available in HTML:
| Tags | Description |
|---|---|
| A | Represents a link in an HTML document |
| ABBR | Represents an abbreviation |
| AREA (if it is a descendant of a MAP tag) | Represents an area of an image map |
| ADDRESS | Represents additional information of an HTML document |
| ARTICLE | Represents a self-contained composition of an HTML document |
| ASIDE | Represents a note, tip, or a sidebar related to an article |
| AUDIO | Represents audio and sound streams |
| B | Represents bold text |
| BDO | Represents the text direction |
| BLOCKQUOTE | Represents long quotations |
| BR | Represents a line break |
| BUTTON | Represents a push button |
| CANVAS | Allows you to draw graphics using JavaScript |
| CITE | Represents a citation |
| CODE | Represents code text |
| COMMAND | Defines a command |
| DATALIST | Defines options for controls by using various tags, such as OPTION and INPUT |
| DEL | Represents deleted text |
| DETAILS | Provides additional information or controls for the users |
| DFN | Represents the definition term |
| DIV | Represents a section in an HTML document |
| DL | Represents a definition list |
| EM | Represents an emphasized text |
| EMBED | Represents the plugin content in an HTML document |
| FIELDSET | Represents a border of tags on a form |
| FIGURE | Represents some flow content of an HTML document |
| FOOTER | Defines a footer for a section in an HTML document |
| FORM | Represents an HTML form for user input |
| H1 | Represents first level of HTML headings |
| H2 | Represents second level of HTML headings |
| H3 | Represents third level of HTML headings |
| H4 | Represents fourth level of HTML headings |
| H5 | Represents fifth level of HTML headings |
| H6 | Represents sixth level of HTML headings |
| HEADER | Defines a header of a section in an HTML document |
| HGROUP | Represents heading of a section by grouping the heading tags (H1, H2) |
| HR | Represents horizontal rule |
| I | Represents italic text |
| IFRAME | Represents an inline frame |
| IMG | Represents an image |
| INPUT | Represents an input control |
| INS | Represents inserted text |
| KBD | Represents keyboard text |
| KEYGEN | Represents a control to generate key pair |
| LABEL | Represents label for an input tag |
| MAP | Represents an image map |
| MARK | Represents a text in an HTML document that is highlighted for reference |
| MATH | Defines math expressions |
| MENU | Represents a menu list |
| METER | Defines a measurement, such as disk usage |
| NAV | Represents a navigation section of an HTML document |
| NOSCRIPT | Represents alternate text to be displayed on the Web browser that doest not support JavaScript |
| OBJECT | Represents an embedded object |
| OL | Represents an ordered list |
| OUTPUT | Represents some output |
| P | Represents a paragraph |
| PRE | Represents a preformatted text |
| PROGRESS | Defines the progress of tasks and operations |
| Q | Represents short quotations |
| RUBY | Allows you to mark up ruby annotations in an HTML document |
| SAMP | Represents sample computer code |
| SCRIPT | Represents a client-side script |
| SECTION | Represents a section in an HTML document |
| SELECT | Represents a select list (drop-down list) |
| SMALL | Represents a small text |
| SPAN | Represents a section in an HTML document |
| STRONG | Represents a strong text |
| STYLE | Represents style information of an HTML document |
| SUB | Represents subscript text |
| SUP | Represents superscript text |
| SVG | Defines graphics in XHTML document |
| TABLE | Represents a table |
| TEXTAREA | Represents a multi-line text input control |
| TIME | Defines day or/and time |
| UL | Represents unordered list |
| VAR | Represents a variable part of a text |
| VIDEO | Represents videos or movies streams |
| WBR | Defines a line break opportunity |
| TEXT | Represents text in an HTML document |
Here is an example uses a flow tag (<abbr> tag which is used to specify abbreviation for the text) in HTML:
<!DOCTYPE html> <html> <body> <p>This tutorial is provided by <abbr title="codescracker">CC</abbr></p> </body> </html>
Here is the sample output produced by the above HTML flow tag example code:
If you place the cursor of the mouse over the CC then you will watch the title will be displayed as a tooltip of the CC. Here is the live demo output of the above example:
This tutorial is provided by CC
© Copyright 2021. All Rights Reserved.