#HourofCode - May 11th - HTML5 & CSS

[Molly]

Hello, all,

Thanks for being flexible around my health issues. Being sick is no fun!

I've recorded two videos for you all today. The first is about HTML, and the second is about CSS.

I've uploaded the video for the HTML5 Introduction and the CSS Introduction. Check them out below!

HTML 5 Introduction: https://vimeo.com/127533831

CSS Introduction: https://vimeo.com/127540178

Thanks, all! Let me know if you have any questions by responding to this discussion thread.

Happy Coding!

Molly

[Stuart P]

Hi Molly, 

I just read your email, some friends told me to drink hot water with fresh squeezed lime juice + honey, it helped my throat a lot , you can try it too

Get well soon!

-Stuart

[Justin Baker]

I think to get the hover over text on an image you use the title tag, or at least when looking at the source for XKCD that is how they do it.

[Molly]

Hi all,

You're correct, Justin! To get the text to hover-over the image, add a "title" attribute to the image's tag with the text you want to show:

<img src="images/glados-example.jpg" alt="A picture of GlaDOS" title="This text shows up!" />

However, you should still be sure to include an "alt" attribute. 

The alt attribute specifies an alternate text for the image, if it cannot be displayed. The value of the alt attribute should describe the image in words. 

The alt attribute is required. A web page will not validate correctly without it.

- W3Schools, "HTML Images"

Additionally, the "alt" attribute is used by screen readers. Screen readers are software programs used by those with a visual or learning impairment. 

Thanks for your help, Justin! :)

- Molly