19. Code



 Prev:
18. Other Text formats		 Menu: 
WYSIWYG HTML		  Next:
20. Table

Code HTML

Format text using code or code block in Google Sites through the WYSIWYG Format HTML menu.

Code WYSIWYG Menu



Code HTML Example



BlockQoute Code Example


HTML



<code>Code Example</code>


Standard Code HTML Code

There is no standard HTML for code text.
The Google Sites style can be recreated using the Inline CSS - style attribute.


<div style="color:#006000;font-family:monospace;border:1px solid lightGrey; padding:0.5em">Recreated Code Style</div>


Google Sites Code HTML Code

Google Sites creates the following for BlockQoute Code HTML, which will only render within Google Sites as it uses an internal class


<div class="sites-codeblock sites-codesnippet-block"><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; " class="sites-codesnippet-block"></p><code>Block Code Example</code></div>


The Inline CSS style attribute used within the Paragraph text can also be edited, by clicking the <HTML> button in the Menu Bar.


<p style="" >Inline CSS </p>





Google Sites - WYSIWYG HTML Menus


WYSIWYG Menu - Menu bar

WYSIWYG Menu Bar

WYSIWYG Menu - Insert HTML

WYSIWYG Insert Menus


WYSIWYG Menu - Format HTML


WYSIWYG Menu - Adjust Layout HTML

The Layout HTML Menu is not adjustable manually through the HTML editor.

WYSIWYG LAYOUT Menu