HTML and AUI Toolkit for Confluence
  • Introduction
  • Administrator Guide
    • Sample Page Code
    • Data Center Compatibility
  • AUI Macros
    • AUI Badge
    • AUI Button
    • AUI Dialog
    • AUI Dropdown Menu
    • AUI Flag
    • AUI Icon
    • AUI Lozenge
    • AUI Message
    • AUI Progress Bar
    • AUI Progress Bar 2
  • HTML Macros
    • HTML Address
    • HTML Blockquote
    • HTML Cite
    • HTML Custom Tag
    • HTML Div
    • HTML Embed
    • HTML Figure and HTML Figure Caption
    • HTML Footer
    • HTML Html
    • HTML Image Map and HTML Image Area
    • HTML Img
    • HTML Preformatted
    • HTML Progress Bar
    • HTML Script
    • HTML Small Text
    • HTML Spacer
    • HTML Span
    • HTML Strikethrough
    • HTML Style
Powered by GitBook
On this page
  • Description
  • Adding the Macro
  • Macro Options
  • HTML Tag
  • Element ID
  • CSS Classes
  • Inline Styles
  • Tooltip Title
  • Custom Attributes
  • Marker
  1. HTML Macros

HTML Custom Tag

Due to the risk of breaking your page with this macro, it is disabled by default when the HAT plugin is installed. The administrator has to enable it manually in the Add-on Manager.

Description

The custom HTML tag macro gives you most freedom in adding add an HTML tag of your choice to your page.

There are two flavors of this macro:

  • HTML Custom Tag: Has no body

  • HTML Custom Tag (Body): Has a body

These macros require good knowledge of HTML in order to know what you do when you add them.

Adding the Macro

  1. Edit your page.

  2. Select “+” => Other macros

  3. Type in “html” in the Search box

  4. Select the “HTML Custom Tag” macro

Macro Options

HTML Tag

Enter the name of the tag, e.g. “div” or “span”.

Element ID

If you need to address your element via an ID, e.g. in a stylesheet or via Javascript, enter the ID here. Make sure, the ID is unique on your page.

CSS Classes

If you need to style your element via an external style sheet, enter all class names here, separated by a blank.

Inline Styles

You can add inline styles to your element here, ending with a semicolon, e.g. “color:#ffffff;background-color:#000099;”.

Tooltip Title

Enter a simple text here that will popup as a tooltip when the mouse is hovered over the element.

Custom Attributes

You can enter fully specified custom attributes here separated by blanks, e.g.: data-animal=”cat” data-color=”red”.

Marker

This option will draw a red border around the element. This can be useful during page design.

PreviousHTML CiteNextHTML Div

Last updated 2 years ago

Read more about HTML tags here:

https://www.w3schools.com/tags/