WYSIWYG HTML ExamplesWYSIWYG [What you see is what you get!] HTML Examples These Google Sites WYSIWYG interfaces allow you to create HTML code and format HTML, through tool-bars, menus and sub-menus. The HTML Box is also available for Manual Code, such as Google Apis, More Advanced Javascript, Embedded CSS and More Advanced HTML . WYSIWYG HTML EditorsThe following is a list of available editors in Google Sites. |
Google Sites HTML > WYSIWYG HTML Editors >
* WYSIWYG HTML Examples
Showing 21 items
| Title | HTML Tag | HTML Tag Attributes | Google Sites Menu | HTML Editor Examples | More Information |
|---|---|---|---|---|---|
Sort | Sort | Sort | Sort | Sort | Sort |
| Title | HTML Tag | HTML Tag Attributes | Google Sites Menu | HTML Editor Examples | More Information |
|---|---|---|---|---|---|
| Font Type | <font face="georgia,serif" > Georgia Font</font> | face | TOC-WYSIWYG-Menu---Menu-Bar | Font Type Example | Change the font or font 'face' using the WYSIWYG menu bar. A small selection of fonts are avaiable. There are a large collection of fonts available within Google Sites Manage Site> Colors and Fonts. |
| Text Size | <font size="8"> Text size 8</font> | size | TOC-WYSIWYG-Menu---Menu-Bar | Text Size Example | Change the Text Size through the WYSIWYG menu bar. |
| Text Format | <B>Bold</B> | [NOTE: keyboard Shortcuts] | TOC-WYSIWYG-Menu---Menu-Bar | Text Format Example | Text formatting with Bold, Italics and underline are available through the WYSIWYG menu bar. This type of text formatting is for words/sentences/links in Google sites that do not require a header format, but require a Text Format emphasis. |
| Text Color | <font color="#e06666">Colored Text</font> | color | TOC-WYSIWYG-Menu---Menu-Bar | Text Color Example | Change the Text Color through the WYSIWYG menu bar. |
| link | <a href="http://www.goopal.org" target="_blank" rel="nofollow">HyperLink</a> | href | TOC-WYSIWYG-Menu---Menu-Bar | link Example | Create a Link directly in Google Sites . Google Sites link options to link existing page / image/ search for pages/recently edited pages , link to an external website or a Google apps Script. |
| List | <UL><li>Item</li></UL> | TOC-WYSIWYG-Menu---Menu-Bar | List Example | Create Bullet or Numbered lists of items in Google sites through the WYSIWYG menu bar. | |
| Indent | <div style="text-align:left;margin-left:200px">Indent></div> | style | TOC-WYSIWYG-Menu---Menu-Bar | Indent Example | Create Indents in Google Sites through the WYSIWYG menu bar. |
| Text Alignment | <div style="text-align:left">Left aligned</div> | style | TOC-WYSIWYG-Menu---Menu-Bar | Text Alignment Example | Align Text in Google Sites through the WYSIWYG menu bar. |
| Image | <img src="/site/drupalvsgoooglesites/_/rsrc/1310333857707/config/customLogo.gif?revision=42" id="logo-img-id" onload="ie6ImgFix('logo-img-id');" alt="Logo" class="sites-logo"> | src | TOC-WYSIWYG-Menu---Insert-HTML | Image Example | Create Images in Google Sites through the WYSIWYG menu bar. |
| Table of Contents | TOC-WYSIWYG-Menu---Insert-HTML | Table of Contents Example | Create Table of Contents in Google Sites through the WYSIWYG Insert HTML menu. | ||
| Subpage Listing | TOC-WYSIWYG-Menu---Insert-HTML | Subpage Listing Example | Create subpage Listings in Google Sites through the WYSIWYG Insert HTML menu. | ||
| Horizontal line | <hr> | TOC-WYSIWYG-Menu---Insert-HTML | Horizontal line Example | Create a horizontal line in Google Sites through the WYSIWYG Insert HTML menu. | |
| +1 button | TOC-WYSIWYG-Menu---Insert-HTML | +1 button Example | Create a Google +1 button in Google Sites through the WYSIWYG Insert HTML menu. Google +1 button has annotation options available. | ||
| Google Gadgets Embed | TOC-WYSIWYG-Menu---Insert-HTML | Google Gadgets Embed Example | Embed Google Gadgets in Google Sites through the WYSIWYG Insert HTML menu. | ||
| Google Services Embed | TOC-WYSIWYG-Menu---Insert-HTML | Google Services Embed Example | Embed Google Services Directly in Google Sites through the WYSIWYG Insert HTML menu. | ||
| Headers | <H1>Title</H1> | name | TOC-WYSIWYG-Menu---Format-HTML | Headers Example | Any Google Sites text can be formatted as a Header using the WYSIWYG format menu. <br>The Header tag is important for Sites Navigation, Google Sites SEO and Named Anchors for Webpages. Heading Sub-Heading Minor Heading |
| Paragraph Text | <p> | TOC-WYSIWYG-Menu---Format-HTML | Paragraph Text Example | Embed Google Gadgets in Google Sites through the WYSIWYG Insert HTML menu. | |
| Other Text formats | <strike>,<sup> and <sub> | TOC-WYSIWYG-Menu---Format-HTML | Other Text formats Example | Format text using strikethrough, superscript and subscript in Google Sites through the WYSIWYG Insert HTML menu. | |
| Code | <code> | TOC-WYSIWYG-Menu---Format-HTML | Code Example | Format text using code or code block in Google Sites through the WYSIWYG Insert HTML menu. | |
| Table | <Table><tbody><tr><td></td></tr></tbody></Table> | TOC-WYSIWYG-Menu---Insert-Table-HTML | Table Example | Embed a table in google sites using the WYSIWYG Insert html menu. colspan row span etc.. | |
| Other WYSIWYG menus | Other WYSIWYG menus Example | Other WYSIWYG menus are available on table of contents, subpage listing, image, gadget, embed object, iframe, textbox - recent list - recent posts recently updated files. Google services - sub WYSIWYG menus |
Showing 21 items
