Skip to content
Related Articles

Related Articles

How to embed images in New Google Sites ?
  • Last Updated : 10 Sep, 2020
GeeksforGeeks - Summer Carnival Banner

Introduction: Images are very crucial in a well-developed website as they help to display something that even words can’t express. There are two ways to insert an image in Google sites:

  1. Through uploading it
  2. Using iframes to insert it

If you insert by the first method, there is not much you can edit in it but if you go with the second you can set the size of the image, add a border to it or even create a clickable image.

 

Method 1:



  • First, click on images option from the insert panel. It will ask you to either upload or choose select upload.

  • After that just select the image you want to upload from your PC and your image will get uploaded.

Now on this image, you can insert a link, add alternate or caption text or even resize it.

 

Method 2: Select embed option from the insert panel and then go to embed code division of the dialogue box appeared.

Write your code in the space provided.

  • To insert a simple image just add the following code:
<img src="https://pbs.twimg.com/profile_images/1138375574726955008/1fNUyEdv.png" />

  • To add height and width to the image just add the following code:
<img src="https://pbs.twimg.com/profile_images/1138375574726955008/1fNUyEdv.png" 
width="300" height="300" />

  • To add border-style just add the following code:
<img src="https://pbs.twimg.com/profile_images/1138375574726955008/1fNUyEdv.png" 
style="border:4px solid green;" width="300" height="300" />

There are nine different styles of border available, they are – solid, double, groove, dotted, dashed, inset, outset, ridge, hidden.


Attention reader! Don’t stop learning now. Get hold of all the important DSA concepts with the DSA Self Paced Course at a student-friendly price and become industry ready.

My Personal Notes arrow_drop_up
Recommended Articles
Page :