Fighting with CSS questions – a way from newbie to master CSS

April 30, 2007

4th ques: Can you create a basic xHTML website?

Filed under: --- Level: 2, ♥ List of CSS Questions — cssquestions @ 3:50 am

You’re here to learn how to apply CSS to your xHTML file, not to learn how to create a xHTML file, so you must have known about xHTML basic already (I suppose that). This question is to confirm you REALLY know it :)  (or not).

Can you create a website like the following one, remember using only xHTML (not styled, we’ll learn how to style it later):

Picture of a web not styled

About these ads

5 Comments »

  1. here’s my answer: http://img263.imageshack.us/img263/3697/95057453ef9.gif

    Comment by trang do — April 30, 2007 @ 10:10 am

  2. <html>
    <body>

    <p>
    <ul>
    <li><a href=”homepage.htm”>
    homepage</a> </li>
    <li><a href=”musing.htm”>
    musings</a> </li>
    <li><a href=”musing.htm”>
    musings</a> </li>
    <li><a href=”link.htm”>
    link</a></li>
    </ul>
    </p>
    <p>
    <head>
    <style type=”text/css”>
    h1 {font-size: 200%}
    p.normal {font-size: 100%}
    p.italic {font-size: 100%; font-style: italic}
    </style>
    </head>

    <body>
    <h1>My 1st style page</h1>
    <p class=”normal”>welcome to …</p>
    <p class=”normal”>It lacks of images, but it has

    style
    <br/>
    <i>Made by Trang</i>
    </p>

    </body>
    </html>

    Comment by trang do — April 30, 2007 @ 10:39 am

  3. <html>
    <head>
    <title>My first styled page</title>
    </head>

    <body>

    <!– Site navigation menu –>
    <ul class=”navbar”>
    <li><a href=”index.html”>Home page</a>
    <li><a href=”musings.html”>Musings</a>
    <li><a href=”town.html”>My town</a>
    <li><a href=”links.html”>Links</a>
    </ul>

    <!– Main content –>
    <h1>My first styled page</h1>

    <p>Welcome to my styled page!

    <p>It lacks images, but at least it has style.
    And it has links, even if they don’t go
    anywhere…

    <p>There should be more here, but I don’t know
    what yet.

    <!– Sign and date the page, it’s only polite! –>
    <address>Made 5 April 2004<br>
    by myself.</address>

    </body>
    </html>

    Comment by trang do — April 30, 2007 @ 11:07 am

  4. Here’s the xhtml without css as requested

    <html>
    <head>
    <title>My first styled page</title>
    </head>

    <body>

    <ul>
    <li><a href=”index.html”>Home page</a>
    <li><a href=”musings.html”>Musings</a>
    <li><a href=”town.html”>My town</a>
    <li><a href=”links.html”>Links</a>
    </ul>

    <h1>My first styled page</h1>

    <p>Welcome to my styled page!</p>

    <p>It lacks images, but at least it has style.
    And it has links, even if they don’t go
    anywhere…</p>

    <p>There should be more here, but I don’t know
    what yet.
    <br/>
    <i> Made by myself</i>
    </p>

    </body>
    </html>

    Comment by trang do — April 30, 2007 @ 11:17 am

  5. a small syntax error: you need a space to make br tag be closed right way.

    Comment by cssquestions — May 1, 2007 @ 4:06 am


RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

The Banana Smoothie Theme Blog at WordPress.com.

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: