.9. HTML Image Tag


HTML Image Tag

 Prev:
8. Text Alignment
Menu: 
WYSIWYG HTML
 Next:
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 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.