WordPress 5 Cookbook

How it works...

The Visual editor gives the visual output of the block while the Code editor holds the block and HTML tags that are used to generate the output. By default, you will be on the Visual editor, where you can add blocks and see the layout of blocks visually.

In this case, we added a table with two columns and two rows. Once added, the actual table is visible in the editor with four table cells. Then, we switched to the Code editor by using the Code Editor option in the Show more tools and options menu. The Code editor shows the actual HTML code that's used to generate the table in the Visual editor. In this case, the Code editor's content will look like the content shown in the screenshot for step 8.

We can make necessary code ...