Design + Code Overview
Explore HTML Editor Design Code: key areas and how they work together.
Design + Code
The Design and Code relationship is easier to learn when you treat it as one workflow viewed from two angles. This overview shows how the visual canvas and underlying markup support each other, and why understanding that handoff makes later editing decisions more deliberate.
Switch views
Use the toolbar to switch between Design, Code, and Split views.
Design View
Design View renders the page so you can select and edit elements visually.
Code View
Code View lets you edit markup with full code tooling.
