The HTML Workshop
This place references HTML/XHTML and CSS, but it still bears its name from the days when all I knew was HTML. With this trio of HTML/CSS/Javascript, I style my webpages down to the last pixel in an aim for perfection. Dive in!
<< Hover mouse cursor over links
HTML and Me
So about HTML...I first heard of the Internet with all those little three and a half inch floppy disks that America Online mailed everyone back in 1994. I didn't really hear about the Internet again until 1996, before I moved to Saudi Arabia. Someone had asked me if I had access to the Internet. Then in 1997, my dad showed me how to dial up to the Internet in Saudi Arabia through our company's server, thus beginning my exploration of the World Wide Web... [+]
On Browsers
A few words about browser compatibility and the issue webmasters face with the small differences between how browsers interpret their source code, as well as some comments about web standards.
A few words about browser compatibility and the issue webmasters face with the small differences between how browsers interpret their source code, as well as some comments about web standards.
The HTML Sheet
HTML is a markup language that serves as the backbone of most webpages today. The browser interprets the HTML tags as presentation information, such as text formatting and tables, and displays the source as a webpage. If you check the source of any webpage, you will almost always see HTML tags, usually among some CSS and Javascript too. We are at version 4.01 today, and the W3C hopes to replace it with the stricter XHTML in the future.
HTML is a markup language that serves as the backbone of most webpages today. The browser interprets the HTML tags as presentation information, such as text formatting and tables, and displays the source as a webpage. If you check the source of any webpage, you will almost always see HTML tags, usually among some CSS and Javascript too. We are at version 4.01 today, and the W3C hopes to replace it with the stricter XHTML in the future.
Javascript
Not be confused with Java, Javascript is an object-based scripting programming language. Web-based Javascript is often found in webpages because it allows web coders to write and embed functions in HTML pages. In a way, it brings a part of software programming into web programming. Javascript is used to make pages more interactive by giving features to the page that HTML cannot.
Not be confused with Java, Javascript is an object-based scripting programming language. Web-based Javascript is often found in webpages because it allows web coders to write and embed functions in HTML pages. In a way, it brings a part of software programming into web programming. Javascript is used to make pages more interactive by giving features to the page that HTML cannot.
The HTML Color Codes Sheet
In HTML, colors can be specified for text, tables, dividers, or backgrounds through either hex codes or, in some cases, color name. (These hex codes are red-green-blue triplets in hexadecimal format.) However, not everyone actually remembers all the color hex codes or the color names. In this section, I have a color coded chart with the names and hex codes of some of the relatively compatible, popular colors recognized by the main browsers.
In HTML, colors can be specified for text, tables, dividers, or backgrounds through either hex codes or, in some cases, color name. (These hex codes are red-green-blue triplets in hexadecimal format.) However, not everyone actually remembers all the color hex codes or the color names. In this section, I have a color coded chart with the names and hex codes of some of the relatively compatible, popular colors recognized by the main browsers.
A CSS Tutorial
In 2001, I created a small CSS tutorial. My knowledge of CSS (cascading style sheets) has expanded since then, but this tutorial still covers a lot of the basics. CSS is a stylesheet language that provides greater control in specifying presentation details than HTML, which is why CSS has become my favorite tool in web coding. Of course, CSS, as a stylesheet language, cannot stand alone. It is designed to be either embedded in an HTML or XHTML document, or placed in a separate .CSS file to which the HTML document references.
In 2001, I created a small CSS tutorial. My knowledge of CSS (cascading style sheets) has expanded since then, but this tutorial still covers a lot of the basics. CSS is a stylesheet language that provides greater control in specifying presentation details than HTML, which is why CSS has become my favorite tool in web coding. Of course, CSS, as a stylesheet language, cannot stand alone. It is designed to be either embedded in an HTML or XHTML document, or placed in a separate .CSS file to which the HTML document references.
Tips for Webmasters
This is one of the oldest portions of this section. To some of you, taking screenshots with PrintScreen and creating HTML files from a text editor is something intuitive, but just in case it is not, come on in.
This is one of the oldest portions of this section. To some of you, taking screenshots with PrintScreen and creating HTML files from a text editor is something intuitive, but just in case it is not, come on in.
The CSS Reference Sheet
This a reference page of many of the basic CSS tags and attributes available in case you need to refer to them. This should be comprehensive enough for most users. Remember, this is a reference page, not a tutorial. It assumes that you will know how to use these tags.
This a reference page of many of the basic CSS tags and attributes available in case you need to refer to them. This should be comprehensive enough for most users. Remember, this is a reference page, not a tutorial. It assumes that you will know how to use these tags.
Netspeak
During your lifetime, you may have witnessed someone type at least a couple of these abbreviations, a famous example being the ever-popular "LOL", which means "laughing out loud". Come find out about the more obscure of these abbreviations used in e-mails and instant messengers.
During your lifetime, you may have witnessed someone type at least a couple of these abbreviations, a famous example being the ever-popular "LOL", which means "laughing out loud". Come find out about the more obscure of these abbreviations used in e-mails and instant messengers.
The Smiley Gallery of 1998
Emoticons are smiley faces created with keyboard characters, the most popular being the plain happy face (the colon for the eyes and the closing parenthesis for the mouth, and sometimes a dash for a nose). Here is an old list of emoticons, courtesy of AOL via Brianna Lee. I call it The Smiley Gallery of 1998.
Emoticons are smiley faces created with keyboard characters, the most popular being the plain happy face (the colon for the eyes and the closing parenthesis for the mouth, and sometimes a dash for a nose). Here is an old list of emoticons, courtesy of AOL via Brianna Lee. I call it The Smiley Gallery of 1998.
Javascript Games
As a script programming language, Javascript is pretty powerful. That is why Javascript can be used to add things like calculators and simple games to webpages. Here is an old page with a batch of extremely simple Javascript games to demonstrate what kinds of things Javascript can do.
As a script programming language, Javascript is pretty powerful. That is why Javascript can be used to add things like calculators and simple games to webpages. Here is an old page with a batch of extremely simple Javascript games to demonstrate what kinds of things Javascript can do.
Techie Extras: Fonts - Mac-simize