Apifox Markdown English
  1. Basic Syntax and Features
Apifox Markdown English
  • Welcome to Apifox Markdown
  • Basic Syntax and Features
    • Title and Text
    • Lists & Tables
    • Image
    • Video
    • Code
    • Icon
    • Tailwind CSS Supports
  • Components
    • Admonition
    • Hightlight
    • Accordion
    • AccordionGroup
    • Multiple Columns
    • Card
    • Card Group
    • Image Frame
    • Image Background
    • Step
    • Tab
    • Tip
    • Copy to Clipboard
    • Text Hover Tip
    • Container
    • Text Drawing - Mermaid
      • Graph
      • Sequence Diagram
      • Class Digram
      • State Diagram
      • Entity Relationship Diagram
      • Journey Map
      • Gantt Chart
      • Pie Chart
    • Formula
      • Inline Formula
      • Block-level Formula
  • Other Questions
    • Shortcuts
  1. Basic Syntax and Features

Image

Inserting Image#

Insert an image using the format ![title](path).
pexels-andrejcook-131735.png
Code:

Specifying Image Dimensions#

You can specify the size of an image using the height and width attributes within the img tag.
code:
<img height={150} width={250} src="https://api.apifox.com/api/v1/projects/4444182/resources/439706/image-preview" />

Parameter Description#

Img
src
string 
Image URL
required
The position of images
title 
string 
Title
optional
When the mouse hovers over the image, the title information is displayed as a tooltip.
height
number 
The height of image
optional
Image height, specify the value in pixels or as a percentage.
width
number 
The width of image
optional
Image width, specify the value in pixels or as a percentage.

Image Borders#

Use Frame to wrap images or other components in a container. See Image Borders for details.
image.png
Code:
Previous
Lists & Tables
Next
Video
Built with