Instead, create different sections for your website – for example, “About me”, “Projects” and “Photos”. Use headers to create titles for each section. Then, add text to tell your story.

CSS, or Cascading Style Sheets, defines the look and formatting of that HTML. Both are essential to coding your own website, and here's how to get acquainted with them.

Ryan Boudreaux includes all the code snippets you'll need in this demo of how to create an image hover-preview effect using HTML, CSS, and JavaScript.

Output: The results of executing the CSS, HTML, and JavaScript entered into the sections of the page. Figure A shows jsFiddle loaded in Internet Explorer 9 with empty code panes.