Basic HTML HTML is very valuable in building an e-fed. If you do not know it 99% of the time you will fail. So if you don't know it you have to learn it. First HTML stands for Hypertext Markup Language. It's not important that you remember it, just to tell you. HTML is formed with triangular brackets like so <>. We refer to this as a "tag." The simplest of commands is the command to move to the next line this is <p>, there is one more you can use. <br>There is a difference between the two. <p> makes it double spacing, as the guide is<br> makes it single spacing I'll show an example of each at work: <p> <p> You can see a significant different in the spacing. This is very neccesary in knowing even when you make more advanced web designs. The next step is to learn how to align your text. this is what you begin to learn a closing tag A code with just alignment looks like the following: <div align="aaa">Enter Text Here</div> There are three types of alignment, left, right, and center. So in this case you
can have one of the following: There are other ways to do this, but you must learn how to transfer text first, you
have learned one way to transfer text, and that's through the <p> tag. Replace
div with p and have tag that will let you align your text and move to the next line: I will now teach you how to change colors in your text. First you learn what the commands are. You need to learn hwo to change your font. Font derizes from the latin word for "origin." The name of a font is it's origin. Many people name it after cities, or themselves. The general font tags at <font>Enter Text Here</font>. Alone, this does absolutely nothing for you. You must learn how you can change it. There are three main ways you can change the text. You can change it's size. Change it's color. And change it's font type. To change it's size, simply add an size="" into the font. It should look something like this <font size="">. Font has a unit. It's called point size. If you do not use point size you'll use the pixel units, which are extremely large and do not have decimals. So use the point size system. It should look like this <font size="pt:14">Enter Text Here</font>. Pt stands for point size, don't ask me why they didn't use ps, it was just the standard at the time. Point size is the same as in your copy of Microsoft Word or Wordperfect. When you select the size of your text in those programs it's the same as choosing size in this text, except you don't have C++ programming to make a menu pop out and allow you to select your size. Now I'll do color. There are the 16 basic colors, they are as follows with their commands:
They have another system called the numerical system. Any letter/number combination can form a color. White is 000000, black is ffffff You form this by doing the following <font color="#000000">Enter Text Here</font> Font style can be very important when making a web page, and can also be tricky. Font style does not follow the trend of size and color, it's not simple <font style="Arial"></font>. No that's not the case. We recognize in programming that fonts have faces, which we call fonts. So the HTML for it is <font face="Arial">Enter Text Here</font>. There are millions of fonts, stick with using the ones on your computer as those are the ones most people will have. That wraps up font. You can now apply what you know and make one line centered, using Arial font, at point size 14, that is red and is double spaced by doing the following <p align="center"><font color="red" size="pt:14" face="Arial">Text</font></p> As you noticed I combined some features but not others. Certain commands start off HTML such as <p> and <font> these declare what is changed, the rest declare what the change is. Now we'll move on to making links. You make links using a simple href command. <a href="http://www.com"></a>. Don't ask me why they used href, I'm really not all that sure. This command is used to link to other pages, a procedure you'll use many times in creating your web pages. A link looks like this LINK. It has a certain color to it. You can change that color by modifying the text inside the <a href></a> brackets. As follows <a href="http://www.com"><font color="red">LINK</font></a> To insert images into your web site use the <img src> command. Using this command you can also change the height and width of the image as follows: <img src="http://www.jpg" height="50" width="20"></img> There are certain formats for pictures. In order for this to work the picture must be on a server and this link must direct to it. The most common one is .jpg as it's a universal picture filter. Another useful thing to know is how to use tables. You use tables with three different tags <table><tr><td> <table> tag establishes that you are going to make a table The table tag can have many alterations made to it. Cellpadding for example is the borders around it, how big do you want the spaces in between the border and the text to be? You can set cell padding by adding cellpadding="insert number here" into the table tag. Setting borders can be great as well, this sets the size of the borders. You can do this simply by adding the border="insert number here" into the table tag. You can set the width of your table. Do you want a full table across your screen or one small one? You can do this by setting width="insert number here" tag into the table tag. You can also align your table, simply add align="" into the tables tag. You learned about this command earlier. You can change the color of your table with bg="insert color here", bordercolor="insert color here", bordercolorlight="insert color here", bordercolordark="insert color here". The <tr> command is always before the <td> command. You cannot have the following: <table> The correct form would look more like this: <table> I'll give you a few examples, by now you should be intelligent enough to figure out how they work by exploring them: 3 columned table:
Three rowed table:
This ends the basic guide to HTML. If you'd like to learn more about HTML contact me at president@ecwfca.com |