Help:Infoboxes/Tags

Portable infoboxes include a wide variety of tags and options that you can use to make the infobox display how you want. Below we have listed all the standard tags, with sample wikitext and output HTML, to help you identify what you need to use, and how to give it a CSS makeover (see also Help:Infoboxes/CSS). Note that parser functions can also be used.

All infobox fields should be declared using XML convention, with attributes used for field configuration.

The  tag holds all others and delimits the scope of the infobox.

Attributes

 * The name of the theme to apply. Adds a class to the infobox of the form, with spaces transformed into hyphens (-). Does not overwrite   or.
 * The name of the theme to apply. Adds a class to the infobox of the form, with spaces transformed into hyphens (-). Does not overwrite   or.


 * The name of the parameter to use as a theme. Adds a class to the infobox of the form, with spaces transformed into hyphens (-). Does not overwrite   or.
 * The name of the parameter to use as a theme. Adds a class to the infobox of the form, with spaces transformed into hyphens (-). Does not overwrite   or.


 * The name of the type to apply. Adds a class to the infobox of the form, with spaces transformed into hyphens (-). Does not overwrite   or.
 * The name of the type to apply. Adds a class to the infobox of the form, with spaces transformed into hyphens (-). Does not overwrite   or.


 * The name of the parameter to use as an accent color.
 * The name of the parameter to use as an accent color.


 * The default accent color. Accepts a 3- or 6-digit hexadecimal color code, e.g.  or.
 * The default accent color. Accepts a 3- or 6-digit hexadecimal color code, e.g.  or.


 * The name of the parameter to use as a text accent color.
 * The name of the parameter to use as a text accent color.


 * The default text accent color. Accepts a 3- or 6-digit hexadecimal color code, e.g.  or.
 * The default text accent color. Accepts a 3- or 6-digit hexadecimal color code, e.g.  or.


 * Possible values:,.
 * Possible values:,.


 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.
 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.

HTML output
Input:

Output:

The  tag states infobox title. Images used in  tags do not appear on mobile.

Attributes

 * The name of the parameter to use.
 * The name of the parameter to use.


 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.
 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.

HTML output
Input:

Output:

The  tag is the standard key-value tag.

Attributes

 * The name of the parameter to use.
 * The name of the parameter to use.


 * The number of columns to span. Only available in smart groups.
 * The number of columns to span. Only available in smart groups.


 * Possible values: . Only available in smart groups.
 * Possible values: . Only available in smart groups.


 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.
 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.

HTML output
Input:

Output:

The  tag can be used only inside other tags, check child tags column for more info. Accepts wikitext.

Attributes
None.

HTML output
Input:

Output:

The  tag text is used when " " data is not specified, can be used only inside other tags, check child tags column for more info. Accepts wikitext.

Attributes
None.

HTML output
Input:

Output:

The  tag can be used only inside other tags, check child tags column for more info. Accepts wikitext.

Attributes
None.

HTML output
Input:

Output:

The  tag is used to insert images or video inside an infobox. It can only be styled using the community's CSS, and cannot be manually resized. Images are normalized, such that  and   do the same thing. Multiple images can be passed by using a  tag.

Here, the  tag is used to specify an image to be used when no image has been chosen on an article. For example,.

Attributes

 * The name of the parameter to use.
 * The name of the parameter to use.


 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.
 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.

HTML output
Input:

Output:

The  tag can be used only inside   tag.

Attributes

 * The name of the parameter to use.
 * The name of the parameter to use.

HTML output
Input:

Output:

The  tag can be used only inside   tag.

Attributes

 * The name of the parameter to use.
 * The name of the parameter to use.

HTML output
Input:

Output:

The  tag is used for grouping fields, and optionally accepts a header for each group. A group won't be rendered (including any headers) if all fields are empty. However, if the  attribute is set to , it will render all of the group's fields if at least one field is not empty.

Attributes

 * Possible values:,.
 * Possible values:,.


 * Possible values:,.
 * Possible values:,.


 * Possible values:,  . Only available if the group's first child is a   tag.
 * Possible values:,  . Only available if the group's first child is a   tag.


 * Turns the group into a smart group spanning n columns. Smart groups arrange their cells ( tags) horizontally, and automatically wrap to a new row once the current one exceeds that limit. Cells are stretched to take up as much space as possible on the last row.
 * Turns the group into a smart group spanning n columns. Smart groups arrange their cells ( tags) horizontally, and automatically wrap to a new row once the current one exceeds that limit. Cells are stretched to take up as much space as possible on the last row.


 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.
 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.

Default group
Input:

Output:

Horizontal group
Input:

Output:

Smart group
Input:

Output:

The  tag denotes the beginning of a section or group of tags.

Attributes

 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.
 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.

HTML output
Input:

Default group output:

Horizontal group output:

The  tag is used for providing any wikitext.

Attributes

 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.
 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.

HTML output
Input:

Output:

The  tag is used to create tabbed interfaces, where the contents of each tab is wrapped in a   tag.

Attributes

 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.
 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.

HTML output
Input:

Output:

The  tag represents the contents of a tab. The clickable toggle is represented by a  tag. Labels default to their zero-based index if omitted; if all tabs within a panel are unlabeled, then they are stacked vertically.

Attributes

 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.
 * Internal name for the element and its children. Assigned to the  attribute in the resulting HTML.

HTML output
Input:

Output: