Welcome to the Tutorial on how to make a simple lab. This lab was made using simple HTML. HTML is Hyper Text Markup Language. It takes simple commands that we type in and convert it to computer language and then dislpay it via a browser. Depending on the browser different effects occur. There are many browsers, and to name a few: Internet Explorer, Netscape, Mozilla, and Opera. These all have their own standards so when a new language is used (i.e. CSS) the output varies. For example, when a picture is embedded into the webpage a size may be given to the picture. If the picture is given a % property the picture may become construed in a different browser setting or even a screen resolution. But this is getting to indepth. Lets get back to basics shall we?
The First code to appear on the webpage is: <HTML> and the last code to appear is: </HTML> The / symbol represents the closing of the tag.
After the HTML tag comes <head><title>Tutorial</title></head>
The Head tag is used to house the Title tag. Though the Head tag does have more advanced uses, the title tag is the only function we will use it for right now.
The Title Tag is the tag that displays the title on the titlebar of the web page which should look like this:
Next comes the body which looks like this:
<body background="../BRONBACK.JPG" bgproperties="fixed" alink="blue" vlink="blue">
The body part is nonsequential but to add any properties to the body can be tricky. Background is the background picture that is used on the webpage. However, if a picture is not available, a background color option is also available: <body bgcolor="FFFFFF"> The FFFFFF is just hexadecimal color coding. if you fool around and change them to something like FFAAEE you would get a different color. The <bgproperties="fixed"> tag is for the background picture so that is does not move when you scroll down. The ALINK function is to make any active link to be blue. The VLINK function is just to make any visited link from purple back to blue.
After the body, anything can be placed there and it will appear. The following boxes are called Text boxes
As you probably have noticed, the websites have different text sizes. These larger sizes are called headings. Rather than changing the font size which can be difficult if you don't specify the measuring system, HTML has a special code designed to automatically set the size for the text in the specified area. Using some advanced CSS codes you could also predefine the heading sizes and other specifications, but that would get over our heads. There are six different heading sizes. Here is an Example of each:
|One SK-50 breadboarding socket||One 7400 TTL integrated circuit(NAND)||Two 470 OHM resistors||Two LED's||Seven Wires||One 9V Battery|