# Gutenberg Block Examples This reference provides ready-to-use Gutenberg block HTML for common content elements. Use these templates when constructing post content for WordPress REST API. ## Block Format Basics Each block is wrapped in HTML comments: ``` Block content (HTML) ``` Attributes are optional JSON. For blocks with inner blocks, nest them accordingly. ## Core Blocks ### Paragraph Simple text paragraph: ```html

This is a paragraph of text. It can contain bold, italic, and links.

``` With alignment and text color: ```html

Centered red text

``` ### Heading ```html

Level 2 Heading

``` ```html

Level 3 Heading

``` With anchor for table of contents: ```html

Section with Anchor

``` ### Image Basic image (media ID must exist): ```html
Description
``` With caption and alignment: ```html
Alt text
Image caption text
``` ### List Unordered list: ```html ``` Ordered list: ```html
  1. Step one
  2. Step two
  3. Step three
``` ### Quote ```html

This is a quote from someone important.

— Source Name
``` Pullquote style: ```html

Large style quote for emphasis.

``` ### Code ```html 
def hello_world():
    print("Hello, World!")
``` With language specification: ```html 
import requests

response = requests.get("https://api.example.com")
``` ### Preformatted ```html 
This text
   preserves
      whitespace
exactly.
``` ### Table ```html
Header 1 Header 2
Row 1, Col 1 Row 1, Col 2
Row 2, Col 1 Row 2, Col 2
``` ### Buttons ```html
Click Me
``` Multiple buttons: ```html
Features
Pricing
``` ## Layout Blocks ### Columns Two columns: ```html

Left column content

Right column content

``` With width percentages: ```html

Main content (2/3)

Sidebar (1/3)

``` ### Group For grouping blocks with background: ```html

Content inside a group with yellow background.

``` ### Separator ```html
``` Dotted style: ```html
``` ## Media Blocks ### Gallery ```html
``` ### Cover Image with text overlay: ```html

Hero text over image

``` ## Embed Blocks ### YouTube ```html
https://www.youtube.com/watch?v=dQw4w9WgXcQ
``` ### Twitter ```html
https://twitter.com/WordPress/status/123456789
``` ## Custom Block Examples ### Shortcode ```html [my_custom_shortcode param="value"] ``` ### Custom HTML ```html

Custom HTML

This can contain any HTML.

``` ## Block Combinations ### Article Introduction ```html

Article Title

This is the introduction paragraph that summarizes what the article is about.

Relevant image
Image caption explaining relevance

The article continues here...

``` ### Feature List ```html

Feature One

Description of first feature with benefits.

Feature Two

Description of second feature with benefits.

Feature Three

Description of third feature with benefits.

```