Thursday, April 28, 2011

A little helpful HTML

Will Code HTML for food

The idea of HTML Code can be somewhat scary...and elusive. We actually learned a little useful bit in EDM310 that we would like to share! You never know when it might come in handy!

1. How to make a "button":  Have a link you need to share but want it to look cooler than just a bunch of jumbled up letters? Here's an example: Our blog.
What you do is... For starters, make sure you are working under the tab that says "Edit HTML" and not "Compose". Then, start with the hyperlink. Know what link you want to use first, and also copy and paste it.  Around it you will need this HTML code. <a href="insert link">"Title"</a>
Your link will go in the space that says "insert link" and The name of your link in the space that says "Title".  Make sure you type the HTML code exactly!

2. How to make Alt= and Title= Modifiers.
Alt=  modifiers are there to assist the blind.  They don't know what pictures are on a blog and if it is being read aloud to them by the computer, it may not tell them what the picture is.  Alt= Modifiers are descriptions of what the picture is so that they can know not only that there is an image there and what it is.
Here is how to set up Alt= modifier code.
When you add your image, make sure you are working in the tab that says Edit HTML. When you find your image code, find the part of the code that says: "src". In the space before the letters src, start with alt= and then add your description.  Example: alt="Mickie Mouse Playhouse"

Now for Title Modifiers.  These will tell the world where your image came from.
Now that you have added your Alt= Modifiiers this should be somewhat simple.  Look at your Alt= code above.  After the code you just entered, add title= and then your image source. Example: title="http://www.disney.go.com"

Your finished modifiiers should look like this: alt="Mickie Mouse Playhouse" title="http://www.disney.go.com" src





No comments:

Post a Comment