New To HTML & CSS [Archive] - CodingForums.com

Phustus

01-07-2007, 05:44 AM

I'm new to HTML & CSS :D , can anyone suggest to me a good online tutorial or book tutorial? Keep in mind that I just started (I don't even know what HTML & CSS stands for :P).

whizard

01-07-2007, 05:48 AM

Hi Phustus, Welcome!

(X)HTML Reference:
http://w3schools.com/xhtml/

CSS Reference:
http://w3schools.com/css

HTML stands for HyperText Markup Language.
CSS stands for Cascading Style Sheets.

HTML is used to control the structure of a document, CSS controls the layout/appearance, and Javascript controls the behavior.

HTH
Dan

Phustus

01-07-2007, 05:54 AM

Thanks man :)

whizard

01-07-2007, 06:25 AM

No Problem!

Feel free to post back with any questions!!!

:thumbsup:

Dan

nhaman

01-07-2007, 04:24 PM

I was completely new to web programming a few months ago and I now have some HTML, and CSS skills. I owe it all to the O'Reilly Head First HTML with CSS & XHTML book. It was well worth the money and I have begun to set up my own page. I like to have a book next to me when learning computer programs... its like having an extra screen and makes it faster.

If you want, we could stick together to learn these things together. I dont know how serious you are about learning to create web pages... but just let me know and we can try to help each other out. I probably can't answer all your questions, but I can maybe help direct you to sources of information that I have found helpful or worthwhile.

Good luck.

Phustus

01-07-2007, 08:37 PM

Thanks for the book name I'll look into buying that. I also wouldn't mind learning these things with you but I'm not too serious about making a webpage. I would still help out with it if you wanted / needed the help though :) .

Also I'm having troubles with adding jpgs to my tables (both cells and table backgrounds), I've followed the HTML tables guide (http://w3schools.com/html/html_tables.asp) but it just won't work.

Troy297

01-07-2007, 08:39 PM

Hum.... I didn't really use any books but once I already had a pretty good foundation of knowledge I rented a book from my local library called HTML For Dummies, which, yes I know sounds stupid, but was actually very informative. It taught me tips and tricks for making my life so much easier when it came to coding webpages!

Phustus

01-07-2007, 08:51 PM

I'll look out for that too :) also do you have a solution to my problem?

Troy297

01-07-2007, 08:52 PM

Um.... your problem... could you explain further please? I'm having trouble doesn't exactly give us much to work with.... :)

Phustus

01-07-2007, 09:02 PM

<html>
<body>

<table border="1" cellpadding="4" width="150">

<caption>Scoreboard</caption>
<tr>
<th align="left" background="default.jpg">I win</th>
<td align="right">99</td>
</tr>
<tr>
<th align="left">You lose</th>
<td align="right">0</td>
</tr>

</table>

</body>
</html>

This is what I wrote, but my image doesn't show up when I open it up on IE or Firefox.

Wait...I think I solved it, I put the jpeg onto my desktop then retried it and it seems to have worked :) .

Tyrial101

01-08-2007, 02:21 AM

Well, where is the Default.jpg image located?

Here, I will do a run through with you real quick.

Usually this is a site layout Directory-wise. Basically, the most common way small independent site's folders are set up.

root (this is where all your main files are located. index.html, pages, css documents, etc.)

inside the root directory, usually speaking, there is a folder for images and one for scripts. So this would be the layout.
http://img478.imageshack.us/img478/7770/rootko3.jpg

Now, I am pretty sure you aren't using scripts yet, so we won't get into that now, but inside the images folder is where all your images should be placed.

Like so,
http://img204.imageshack.us/img204/81/roothu0.jpg

if this is how it is laid out than you should have the background attributes stated like this

<th align="left" background="images/default.jpg">I win</th>

Otherwise, with the code you are using above, the default image would have to be in your root directory

Also, I have run into this before... If the JPG on the file name is in upper case like so, "default.JPG" for some reason, when not hosted on a page, but rather just sitting in a folder... On a Windows Platform, it will not render.

Make sure everything is case sensitive when running a site off your hard drive.

Vapor

01-08-2007, 02:27 AM

www.webmonkey.com

YT2007

01-08-2007, 06:01 AM

I read several of CSS books from Dummies and Wrox.Now I reading Eric Meyer books.It's fun:)

Phustus

01-09-2007, 06:15 AM

Thanks Tyrial101 I understand it now :)

rmedek

01-09-2007, 03:47 PM

There are good tutorials at http://htmldog.com as well… They really stress the right way to learn (as in standards-based websites rather than table-based presentational html).