The HTML and CSS Blog:

The Favicon: Create an Icon for Your ... is a favicon generator that lets you crete your own favicon by drawing or using photos

What You Learn in This HTML Lesson In this HTML post you’ll learn how to make a favicon—that little icon next to the url. You’ll learn how to install the new favicon on your site. I’ll also point you in the direction of some useful favicon galleries in case you don’t want to take the […]

SVG graphics

SVG graphics are scaleable vector graphics

I’m really excited about using images in the SVG format because they solve a lot of problems with making your images look great on devices of any size and resolution. This post is all about SVG: Why, how and when to use scaleable vector graphics.

Preparing Images for the Web

This flat graphic image of a cat has been saved in the GIF format, which is ideal for simple, flat graphics

This lesson will help you prepare an image for use on your web page. You may want to use an image editing software program to adjust size, crop, and compress your picture before placing it into your web page with the HTML image tag ().

Other Great Sites for Learning to Cod...

Hypertext Markup Language

Our teammate Starr Smith put together this list of resources for anyone looking to learn to code, and Diane thought it would be nice to share it with our readers. Which I (Karma here) think is particularly nice, as some bloggers are not so keen on alerting folks to “the competition.” So-called competition, but we […]

Creating Accessible Websites

judmental parental cat looks down debutant kitty

In this HTML lesson you’ll learn about how we use alt and title attributes to make images more accessible. We’ll talk about why giving your images title attributes and alt attributes improves both web content accessibility and search engine optimization. We’ll also cover some other basic accessibility standards and offer some resources that let you test just how accessible your site is.

The Image Tag: Insert a Picture in Yo...

The HTML image tag

What You Learn in This HTML Lesson In today’s HTML lesson, you’ll learn how to use the mighty image tag ( <img> ), which allows us to put all those lovely pictures on the Internet. You’ll learn about the image tag’s many fine attributes, which make it such a long and cumbersome tag to write out. I’ll […]

The First Thing New Coders Should Lea...

veerle-pieters on what new coders need to learn

In this post we take a break from tutorials to offer some newbie advice from some of our favorite HTML coders: Vitaly Friedman, Bruce Lawson, Denise Jacobs, Ethan Marcotte, and Veerle Pieters

HTML Lessons

©2013 Diane Presler. All rights reserved.