Friday, March 25, 2011

How Do I Embed HTML Code?

For the most part embedding HTML code is easy and you don't have to know a lot or anything about HTML.  Most sites or domains that offer gadgets, video, etc that have embedding HTML already done for you.  What is HTML?

Here's how it works:
We will use You Tube as an example because most everyone knows You Tube and how to navigate through it (unfortunately, You Tube is not a reliable source for student use on Moodle because it is blocked for students.  However, for the sake of learning how to embed code, we will use this source).  Below every You Tube video you will notice a small menu allowing you to add the video to your favorites, share, download, like, dislike; you can also "Embed".  Simply click the "Embed" button and copy the code below (Command+C).  As show below.


Though each online application will have its own way or terminology for accepting HTML, if it accepts HTML code, it will have the option to add the code.  When you are ready to add the HTML code, simply paste it in the appropriate spot (Command+V).  If you have never played with HTML, you will need to be careful with how you paste the code.  In most cases, however, it is as simple as pasting it at the top of the HTML text box.  There are several gadgets available online from various places.  Just look carefully for anything that allows you to get code, embed, etc.  Check out life.com.  You can embed any of their photos or albums right into your site; great for a discussion on current events or history.

For Moodle, if you want to add HTML, there are a few different ways.  See Adding HTML to My Moodle Course.

No comments:

Post a Comment