## How to Insert Custom HTML into a Form
To add custom HTML markup in your form, follow these steps:
1. Add an **HTML** input to your form.
2. Assign a **Question name (ID)** to it.
3. Enter your HTML markup in the **HTML markup** field.
## Tags and Elements
HTML uses **tags** to define elements. For example:
```html
```
- `src` – Specifies the path or URL of the image file.
- `alt` – Provides alternative text displayed if the image cannot be loaded and used by screen readers for accessibility.
## Common HTML Layout Tags
### Headings (h1–h6)
To structure content hierarchically, use the h1-h6 headings. `h1` is the largest heading, `h6` the smallest.
```html
### Images
To display images, use the `
```
### Lists
For unordered lists, use the `- First item
- Second item
- ` tag:
```html
- Step one
- Step two
### Div and Span
The `` and `` elements are generic containers used to structure and style content. They do not add semantic meaning but are essential for layout and formatting.
- `
` – A block-level container. It creates a section that starts on a new line and typically spans the full available width. Use it to group larger sections of content or create layout blocks.
- `` – An inline container. It is used within a line of text to apply styles or target a specific portion of content without breaking the text flow.
```html
## Common HTML Text Formatting Tags
HTML includes a range of text-level elements that enhance readability and help emphasize key information. Some of these tags are purely visual, while others carry semantic meaning that improves accessibility and document structure.
### Bold and Strong Importance
- `` – Renders text in bold without implying additional importance.
- `` – Indicates strong importance; browsers typically display it in bold.
```html
Bold text
Important text
```
Use `` for content that is semantically important. Use `` to draw attention to text without conveying increased importance.
### Italic and Emphasis
- `` – Displays text in italic without semantic emphasis.
- `` – Indicates emphasized text; browsers typically render it in italic.
```html
Italic text
Emphasized text
```
Use `` when the emphasis affects the meaning of the sentence. Use `` for stylistic purposes only.
### Underline and Highlight
- `` – Underlines text.
- `` – Highlights text to indicate relevance or reference.
```html
Underlined
Highlighted
```
### Small and Fine Print
- `` – Displays text in a smaller font size, typically used for disclaimers or secondary information.
```html
Note: Terms apply.
```
### Subscript and Superscript
- `` – Subscript text.
- `` – Superscript text.
```html
H2O
E = mc2
```
### Line Break and Horizontal Divider
- `
` – Inserts a line break. - `
` – Inserts a thematic break between sections (usually rendered as a horizontal rule). ```html Line one
Line two
```
This text appears in a separate box.
Please read the important note carefully.
```
## Common HTML Text Formatting Tags
HTML includes a range of text-level elements that enhance readability and help emphasize key information. Some of these tags are purely visual, while others carry semantic meaning that improves accessibility and document structure.
### Bold and Strong Importance
- `` – Renders text in bold without implying additional importance.
- `` – Indicates strong importance; browsers typically display it in bold.
```html
Bold text
Important text
```
Use `` for content that is semantically important. Use `` to draw attention to text without conveying increased importance.
### Italic and Emphasis
- `` – Displays text in italic without semantic emphasis.
- `` – Indicates emphasized text; browsers typically render it in italic.
```html
Italic text
Emphasized text
```
Use `` when the emphasis affects the meaning of the sentence. Use `` for stylistic purposes only.
### Underline and Highlight
- `` – Underlines text.
- `` – Highlights text to indicate relevance or reference.
```html
Underlined
Highlighted
```
### Small and Fine Print
- `` – Displays text in a smaller font size, typically used for disclaimers or secondary information.
```html
Note: Terms apply.
```
### Subscript and Superscript
- `` – Subscript text.
- `` – Superscript text.
```html
H2O
E = mc2
```
### Line Break and Horizontal Divider
- `` – Inserts a line break. - `
` – Inserts a thematic break between sections (usually rendered as a horizontal rule). ```html Line one
Line two
```