# HTML Blockquote

## Description

This macro adds a \<blockquote> tag to your page. It is used to display a quote or citation. Confluence styles blockquotes individually so it stands out from the other text.

The HTML Tookit for Confluence provides three mor individual styles.

## Adding the Macro

1. Edit your page.
2. Select “+” => Other macros
3. Type in “html” in the Search box
4. Select the “HTML Blockquote” macro

## Macro Options

### **Cite**

The cite attribute (not to be mixed up with the \<cite> tag) allows to enter a link to the source of the quote. It is not displayed nor linked to but user agents and search engines can read it.

### **Design**

Select a design for the blockquote. You can select from:

#### Confluence

<figure><img src="/files/0CQ3BuBdTOpW1nfOjsT0" alt=""><figcaption></figcaption></figure>

#### Blue

<figure><img src="/files/P0kkLPkZKjnWlIUGqN1h" alt=""><figcaption></figcaption></figure>

#### Blue Rounded

<figure><img src="/files/YLzQPtzVUv4sJYndm34p" alt=""><figcaption></figcaption></figure>

#### Dark

<figure><img src="/files/b97sL9hpHsU5cWD5we7M" alt=""><figcaption></figcaption></figure>

### **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”.

### **Strip Body Wrapper**

By default, Confluence will wrap any macro body content into a \<p> tag. For custom HTLM tags, this might lead to unwanted results. Check this option to remove the Confluence \<p> wrapper.

## Body

Type the quote into the body of the macro.

It is very useful to add an HTML Cite macro at the bottom:

<figure><img src="/files/BapxNQE9mhzBLPwzxlMi" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://lewe.gitbook.io/html-and-aui-toolkit-for-confluence/html-macros/html-blockquote.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.