HTML vs CSS

• HTML( Hyper Text Markup Language): HTML is the basic building blocks for a website. It allows you to embed pictures and objects. Helps you to add text to a webstite, and paragraphs, headings etc.

• CSS(Cascading Style Sheet): It is the presentation of the website. Adds colours, fonts and layout of all pages. Eg makes Title blue.

Example:     /* Generic Selectors */

    body {

    font-family: Georgia, "Times New Roman", Times, serif;

    font-size: 14px;

    color: #333333;

    background-color: #F9F9F9;

    }


    p {

    width: 80%;

    }

    li {

    list-style-type: none;

    line-height: 150%;

    list-style-image: url(../images/arrowSmall.gif);

    }

    h1 {
font-family: Georgia, "Times New Roman", Times, serif;

    font-size: 18px;

    font-weight: bold;

    color: #000000;

    }


    h2 {

    font-family: Georgia, "Times New Roman", Times, serif;

    font-size: 16px;

    font-weight: bold;

    color: #000000;

    border-bottom: 1px solid #C6EC8C;

    }