One CSS resource…

I used lots of different web sites to learn CSS when I was a kid. One of my favorites is http://lissaexplains.com. It has stuff for HTML and CSS, and I vaguely remember some easy Javascript tutorials. If you can get past the bright yellow, slightly “girly” layout, it’s really good.
If I get the time, I might be able to put up an HTML and CSS tutorial, but I’m kind of overloaded with C++ right now… I’ll see what I can do.

EDIT: I’ll just get started with some simple stuff now.
How To Get Started with HTML:
Open up a text editor like Notepad or TextEdit. Type the following:

<html>
<head>
</head>
<title>
</title>
<body>
</body>
</html>

Most of the stuff you’re going to do is going to be placed between the two body tags. (A tag is one of the things between the angle-brackets.) Save this as FILENAME.html and you’re ready to go! Also, please nest your tags. It makes people like me happy 🙂
If you want to try your hand at Javascript, you’ll be doing most of that in the head tags. If you want to change what it says at the top of your browser window (in that bar which is probably near the buttons you press to close or minimize the browser window), simply put that text within the two title tags. There’s a limit before it gets cut off with an ellipsis, but it’s a pretty good amount of space to write the name of your site or something like that.

How To Add A Link with HTML:
<a href=”SITE ADDRESS YOU WANT TO LINK TO”>TEXT YOU WANT VISIBLE</a>

How To Add An Image with HTML:
<img src=”SITE ADDRESS WHERE IMAGE IS UPLOADED”></img>
In order to use this, you must upload your image to the internet.

How To Change Your Background To A Solid Color with HTML:
<body bgcolor=”COLOR”>
Most basic colors, like blue, red, green, etc. will work with this. In order to get really cool background colors, you’ll have to do a Google search for a hexadecimal chart and copy the code for the color you want.

How To Change Your Font Color with HTML:
…I’m working on adding more.

3 Responses to “One CSS resource…”

  1. […] of the basics everyone should know about HTML and CSS if they are working in the online space. See Samantha’s quick HTML and CSS primer post here for a quick introduction. [The idea here is that we don't necessarily need to be fluent in HTML and […]

  2. Erin says:

    Oh I used lissaexplains back in the day! Glad to know that I barely remember anything that I learned from that site…I can’t believe I’m feeling nostalgic about something on the internet…

  3. […] with the rest of the class. And, sure enough, other students took that suggestion to the bank and posted about the resources they use. It even led Captain Charlie Rocket to post this image, which is […]