Tutorials
Html Basics
Last modified on 2009-07-30 19:01:43 GMT. 3 comments. Top.
There are many different web based computer languages of which creates everything you see and interact with on the web. The only consistent factor throughout the entire list of languages, is the usage of Html (Hyper-text markup language). Thankfully for us, the basics of Html are fairly simple enough, making it a great place to get your feet wet in the web programing world. The following articles are comprised of tutorials and helpful tidbits that will get you started.
Web Safe Colors
Last modified on 2009-07-20 07:32:32 GMT. 3 comments. Top.
Web safe colors are basically any color that will display the same on any computer. Of course, different browsers and monitors will not be exactly the same, but for this exercise, we will assume they are the same. The list of color safe ranges is a rather limited color combination set created from .gif image file type, which is the basic image type for html files. The .gif image files have a maximum of 256 possible colors, however only 216 of the 256 colors will display the same on all comptuers. The chart below gives you the 216 colors that are considered web safe colors.
Html Images
Last modified on 2009-08-03 05:17:58 GMT. 2 comments. Top.
Image elements are one of the easiest and quickest ways, in Html, to display images. There are many attributes that can modify images, but only 2 are required, source(src), and alternate text(alt). The src attributes the actual location of the image, whether it be local or elsewhere. Local sources are represented by the image path on the server itself; external images are represented by the url to the image. Alternate text is text describing the image that can be displayed in addition to or in place of the image itself. This is what it could look like if done correctly.
A simple Image
<img src=”http://fastwebwork.com/wp-content/uploads/2009/06/untitled1.jpg” alt=”Web Safe Colors” />
Html Headings
Last modified on 2009-08-01 19:12:19 GMT. 1 comment. Top.
A heading is exactly what it sounds like, a peice of text that is at the head of a web page. In Html we use heading tags to ease the heading process and indicate to search engines what our headings are. Search engines use your headers to quickly index the web page within their database. The fact that search engines use these tags to index and identify our site makes the usage of headers a worthy cause to include in our code. There are six different sizes of headers varying in decending order from 1 to 6. This is what it could look like.
Some Headers in order
<body>
<h1> Headers </h1>
<h2> Go </h2>
<h3> From </h3>
<h4> Big </h4>
<h5> To </h5>
<h6> Small </h6>
</body>
Which gives you
Headers
Go
From
Big
To
Small
Html Elements
Last modified on 2009-08-01 19:11:43 GMT. 3 comments. Top.
To teach Html elements, is not to teach a technique as in many of the other tutorials, but to teach a concept. The code used in Html, is contained within tags, or Elements. A Html element is the Html code contained within one set of tags. Elements start with an opening tag (<#>) and end with a closing tag (</#>). An html document is made up of several nested elements, or elements within elements. In code you will encounter empty elements, or elements that do not contain anything at all. This is what it could look like.
A simple element
<p> Hello World! </p>
A nested element
<html>
<body>
<p> Hello World! </p>
</body>
</html>
An empty element
<p> Hello World! </p>
<p> </p>
Html Paragraphs
Last modified on 2009-08-01 19:10:45 GMT. 4 comments. Top.
In Html a paragraph is the exact same thing as in normal literature, with one minor addition. For the sake of neatness and ease of formatting, each paragraph is contained within its own element. So when later on you need to move it around to make it sound better, or put it in a table, its a simple copy and paste of the entire paragraph instead of fiddling with alot of code. This is what it could look like
Two paragraphs
<p> Hello World! </p>
<p> This is a similar paragraph to the one above. </p>
