You asked for it! Basics. I’m going to *attempt* to teach you a few things via video tutorial. This is my very first attempt and I know it needs work – but I also know you need this information!
Fair warning, you’ll need to turn your speakers up.
In this short slideshow, you’ll learn the basic parts of linking & displaying an image – visually.
I’ll be working on more installments soon!
Updated! March 11, 2010
Here’s a second look at the code so that you can reference the structure easily.
How can you use your new knowledge? Great question!
- Edit your images within blog posts to specify “titles” and “alt” text. Simply click “HTML editor” or “Code Editor” on your blog platform’s post editor. Then look for the code that looks like what’s above. Hint: It’s the stuff that’s not the text of your post
- Create “buttons” in your sidebar with images. You’ll want to use a “text widget” in WordPress or other generic widget in your own blog platform. You’ll need to write the code by yourself – but you can do it!
Want an opportunity to play & practice? My very favorite place to learn about & mess with code is on the W3 Schools site. Hey, people, they literally wrote the book on this – they invented it. To practice with image code, go here.
I’m Tara Gentile. I think big. I set lofty goals, execute ambitious projects, and get sizable returns. I'm not satisfied to stop at good-enough or moderately successful. I’m in the process of building a web empire. True tale. I can help you build yours too.
Useful stuff in there. Could hardly hear it though, even with speakers at full volume.
I do editing (video and audio) and could help you out if you’d like (splicing and whatnot).
Thanks! This was really interesting for me to watch and listen to. I did NOT have issues hearing it. My husband is a web developer, so I’m looking forward to telling him that I watched a tutorial on coding! Thanks, again. I look forward to more tutorials in the future.
This seems to be super helpful….I will be coming back here many times as I go to follow along
I could hear clearly btw.
Thanks for this tutorial I look forward to more.
Great job. My sound was good. I looked at my code in blogger, and I couldn’t find anything that looked like what you have. I’ll keep following along, because this is so helpful! Hopefully I’ll stumble on the code in my blog.
This is great, Tara! I will definitely spread the word about your new video series and I look forward to more!
Thanks for the great break down, very useful! The sound was great on my end also..
You rock Tara! Thanks for taking the time to teach this. I would like to learn html, so this is really helpful. I know that you taught yourself, do you have any suggestions for resources to learn more? Looking forward to more of these posts! I did have to put my headphones on to hear it over Sesame Street. lol!
Very helpful and I look forward to your future installments!
Also, I could hear you just fine :0)
Great tutorial! It took me a lot of searching to figure this out
I am behind here. as usual, but this was SO helpful! I am going to revisit as needed, and look forward to learning more. btw, from above comments, you taught yourself!? impressive! how do you do it all girl!?
Thanks Tara – very useful! And how neat to be able to HEAR your voice! It’s so funny how much one can interact with someone else on the web without ever hearing their voice!
So I have a request for you… do you think you can show us how to make our own buttons for our websites? That would be awesome if you could!
This was awesome! What a clear and concise explanation of the html used for images! I just designed my own facebook button to coordinate with the logo on my website and coded it. I am triumphant!