# HTML Editor (HTML tab)

With CSS Pro, you can edit an element's HTML attributes and inner HTML content.

To do that, click on the "HTML" tab:

<figure><img src="https://4099068609-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MRSyVu0mdmCYd_OgGIo%2Fuploads%2FmTJSxkGuBwxeuYOU1XWY%2FCleanShot%202023-12-23%20at%2020.21.45%402x.png?alt=media&#x26;token=5dfce3ba-c70b-4d43-b150-c45d2a65d311" alt="" width="375"><figcaption></figcaption></figure>

You can add, edit, and remove HTML attributes on this tab.

The `src` attribute on `img` elements get a special interface that shows you a preview of the image and also lets you change that image. You can drag and drop an image there, or paste the image file, or click on the image preview to select an image from your computer.

<figure><img src="https://4099068609-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MRSyVu0mdmCYd_OgGIo%2Fuploads%2FnM7ZalK9YCOZ4K0N0gEY%2FCleanShot%202023-12-23%20at%2020.25.05%402x.png?alt=media&#x26;token=b0df608c-17e9-4bf1-b87e-1a5c43f3fb68" alt="" width="375"><figcaption></figcaption></figure>

The image is then converted to a base64 URL:

<figure><img src="https://4099068609-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MRSyVu0mdmCYd_OgGIo%2Fuploads%2FWJlFtszYLJxMyew1eQUX%2FCleanShot%202023-12-23%20at%2020.25.50%402x.png?alt=media&#x26;token=d00f7170-7b02-4def-9c62-f19545555964" alt="" width="375"><figcaption></figcaption></figure>

You can also edit the inner HTML when the element is not a `img`.


---

# 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://docs.csspro.com/editing/html-editor-html-tab.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.
