HTML down, CSS help, ahhhh

Applications Web Development
1

I am having some problems. I have been able to learn HTML, but when I try and encode CSS, nothing happens, what is the major issue here.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>MY CSS</title>
    <style type="text/css">
    <!--
    <body {
        font-family: verdana, arial, sans-serif;
    }
    h1 {
      font-size: 120%
    }
    a {
      text-decoration: none;
    }
    p {
      font-size: 90%
    }
    -->
    </style>
    </head>
    <body>
      <h1>Page Uno</h1>
      <p>writing for this sample</p>
<a href="http://www.unix.com">link</a>.</p>
    </body>
</html>
2

this works but don't you want to put your css into an external stylesheet?
.html for the structure - .css for the looks. I promise it will save you hours one day :slight_smile:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>MY CSS</title>
</head>

<body>
<h1 style="font-size: 120%">Page Uno</h1>
<p style="font-family: verdana, arial, sans-serif; font-size: 90%">writing for this sample</p>
<a style="text-decoration: none" href="http://www.unix.com">link</a>
</body>
</html>
3

:b: see what to do now

4

Hello,
web programming are very important for design any website if you want design to any websites then you must learn HTML,CSS and scripting language JavaScript.CSS plaw a very important role for designing any websites to give look and feel.

5

ColdFusion is a good thing to learn too, if you're doing a large site it can save a very very long time in repeating code. Also makes pages a lot smaller and quicker :slight_smile:

6

You should not be using comment tags in the css styling:

<!--   -->

These should both be left out.

The error you are looking for is here:

<body

should be:

body
7

it would appear you care cutting out code from somewhere and pasting it in. Please have a look here

8 
h1 {
      font-size: 120%
    }

Close the H1 and the P also with a ";".