HTML WEB DESIGN

 

separator-blank.png

 

GUIDE – EMBEDDING A SCRATCH PROGRAM

 

  • Open an existing html document (or create a new one). 

  • We will work at the bottom just above the </body> tag.  The code below shows … in place of whatever code you may have in your document.

 

<html>

<head>

</head>

<body>

...

 

</body>

</html>

 

 

·       Go to Scratch.  Click on Explore to view products that people have created.  Click on Copy Link.  Then copy the Embed code (lower option).  Paste it into your document where you want the program to be placed.  Done.

The code will look like this:

 

 

<html>

<head>

</head>

<body>

...

<iframe src="https://scratch.mit.edu/projects/22472215/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>

</body>

</html>

 

 

·       Click here to see how it looks.

·       Try this on one of your pages.

·       Add a link from your index file to webpage6.