.9. HTML Image Tag

HTML Image Tag

8. Text Alignment
10. Table of Contents

HTML Image Tag

Upload Images to Google Sites through the WYSIWYG Insert HTML menu.

Google Sites supports the Image formats - jpg, png and gif.transparent Gifs/pngs are also supported. 

Animated gifs must be hosted outside your Google Site. ie. Picasa , Flickr . The best way to create an animation would be to use timelines scaleable vector graphics (SVG) based software like adobe flash.

New! Google search now supports animated gif searches.

Html Image Tag WYSIWYG Menu

Html Image Tag Example

Transparent Gif Example:
WYSIWYG image example

The image format png also supports transparency (alpha channel).

Standard Image HTML Code

<img alt="image example" src="https://www.example.com/example_image.gif">

Google Sites Image HTML Code

Google Sites create the Image HTML code, and uses a CDN (Content Delivery Network) to host the uploaded image.

<div style="display:block;margin-right:auto;margin-left:auto;text-align:center"><a href="www.goopal.org/google-sites-html/wysiwyg-html-examples/html-image/customLogo.gif" imageanchor="1"><img alt="WYSIWYG image example" border="0" src="www.goopal.org/google-sites-html/wysiwyg-html-examples/html-image/customLogo.gif"></a></div>

WYSIWYG Image Properties

Once uploaded, the image can be adjusted uses the following menu:

WYSIWYG Image properties

Adjust the Image's
  • Alignment
  • Size
  • Text Wrapping
  • Link
The Inline CSS style attribute can also be edited manually, by clicking the <HTML> button in the Menu Bar .

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

Inline CSS

Google Sites - WYSIWYG HTML Menus

WYSIWYG Menu - Menu bar


WYSIWYG Menu - Insert HTML

WYSIWYG Insert Menus

WYSIWYG Menu - Format HTML

WYSIWYG Format Menus

WYSIWYG Menu - Insert Table HTML

WYSIWYG Insert Table Menu

WYSIWYG Menu - Adjust Layout HTML

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