I beams have a cross-sectional shape resembling the letter "I" with a vertical web connecting two horizontal flanges. H beams, on the other hand, have a cross-sectional shape resembling the letter "H" with two horizontal flanges connected by a vertical web. The main difference is in their shape and usage, with H beams often used in heavier load-bearing applications.