X
CSS Valid XHTML 1.0! Valid CSS!

The Basics

First, HTML and CSS are computer languages that you can use to make a website.

You will need some kind of webpage maker to make the webpage. There are a variety of different programs that will fulfill the task of presenting your webpage in a browser. One of the most common is Notepad which can be found on almost every computer. Another one is TextEdit, available on Mac OS X's as one of the "automatically just on there" programs.

Secondly, at the top of the page, you always have to have this little blurb to make the website correct with the html code (You can just copy and paste it into your website creater because it's a pain to type it all out, believe me):

<!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" >
<head>
<title> How To Make Your Own Webpage</title>
<meta http-equiv="Content-Type"
content="text/html;charset=utf-8"  />
</head>

<body>

Here is a table showing all the different entities that you can use in XHTML:

TagsDescriptionPurposeExampleResult
<p> </p> Paragraph Tag(opening and closing)To show the beginning and end of a paragraph<p>This is a paragraph</p>

This is a paragraph

<br />Break TagTo put a line inbetween a paragraph, image, or anything else on your website.

This <br /> is<br /> how<br /> a<br />break<br />tag<br />works.

This
is
how
a
break
tag
works.
<div> </div>Div TagGroup words or pictures into a group which you can move to different places later on using CSS

You can make many different colors using hexadecimal numbers(base 16). The order of the numbers in hexadecimal numbers go:0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. With the color numbers, there are 6 numbers, each representing a color. The first two represent the red in a color, the 3rd and 4th number represent how much green there is, and the last two represent the blue.

12 34 56

My favorite color combinations

NumberColor
#0000ffBlue
#00ff00Green
#00ffffTeal
#ff0000Red
#ff00ffPink
#ffff00Yellow
#aa2553Burgondy
#abcdefBaby Blue
#fedcbaDunno Jicima
#a0f2d3Pale Green
#00ff99Light Green
#ccffffPale Light Blue
#dfff00Traditional Chartreuse
#654321Dark Brown
#a5d97eJungle Green
#98765fLightish Brown
For color mixing and color codes, go to:http://meyerweb.com/eric/tools/color-blend/ For all possible color combinations by me: http://www.sarah.fincher.org/colorcombinations.php

Example of using css

p { font-weight: thick; color: #00ff00; }