syrian developers community
HTML
ASCII CHARACTER CHART
Oct 28th
What is an ASCII chart? An ASCII Chart is a simple way to keep a list of what all the printable, or displayable characters are. All computers store information as a set of 1’s and 0’s (bits), not as actual characters. A group of eight (8) bits make a byte. Believe it or not, four bits actually make a nibble and two nibbles make a byte. Pay attention, there is going to be a test on this.
To keep things simple, if you count from 0 up to 254, here are some milestones:
- 32 is a space
- 48 to 57 are our More >
Finding Parents for Orphaned Pages
Oct 28th
Keep your frame content pages from being left “orphaned”, that is, being viewed without the accompanying frameset. An orphaned page can be a real downer for your visitor, because usually in a frame-based site items such as navigation menus and headers are found in other frames. If a page loads by itself, without these items, then your visitor is left stranded, and will probably just go somewhere else. Now this is a good argument for not using frames, however there are instances where frames may provide a solution to a problem.
The first thing you’ll need on each child page (the More >
Forcing Pages to Reload
Oct 28th
While most Web pages are relatively stable, you may have some that change frequently. For example, you might have a page that dynamically displays your company’s stock quote, changing on a minute-by-minute basis throughout the day.
Unfortunately, if the page is cached on the user’s machine, more recent versions may never appear. What you need in this case is a way to tell the browser not to cache the page.
You can do this easily with a meta tag. Just add the following to the<head> section of your page:
<meta http-equiv="Pragma" content="no-cache">
Now, every time a user hits the page, the latest version will More >
Form Labels
Oct 28th
ou can make a checkbox or radio button work like they work in Windows, and allow the user to click on the text after the control to activate the control, instead of forcing them to click on that little tiny box or radio button.
Put “label” tags around the control, and make sure the for attribute matches the id attribute of the control, and make the id unique. It’s a neat little feature that can make a page a little more friendly!
<form>
<label for=box1> <input type=checkbox name=dz id=box1>Label text </label>
<label for=radio1> <input type=radio name=line9 id=radio1>Label text </label>
<label for=radio2> <input type=radio name=line9 id=radio2>Label text </label>
</form>
Test it here:
More >Hovering ToolTips Hovering
Oct 28th
The HTML 4.0 TITLE attribute causes a ToolTip to be displayed when the user hovers over an element:
<A HREF="./completesale.htm"> <IMG SRC="./gifs/productimage.gif" TITLE="Click this image to purchase"></A>
Unlike the ALT attribute, which applies only to <AREA> and <IMG> tags, you can place a TITLE on any HTML element, such as over an anchor.
How long does is take to load a page?
Oct 28th
<html> <head> <script><!–
/************************************************************************ This script is written by Edward Yim (eyim@netvigator.com). ************************************************************************/
x = new Date() function cal() { y = new Date() diff = y.getTime() – x.getTime() alert(“It took ” + diff/1000 + ” seconds to load the entire page”) }
//–></script>
<body onload=cal()>
Body of the Web Page Goes Here
</body> </html>
HTML Cheat Sheet Cheat
Oct 28th
Forget what some of the tags in HTML do? No worries: Here’s a quick reference guide to help you. Print it out and tape it to your computer or your friend’s head.
Basic Tags <html></html> Creates an HTML document <head></head> Sets off the title and other information that isn’t displayed on the Web page itself <body></body> Sets off the visible portion of the document Header Tags <title></title> Puts the name of the document in the title bar Body Attributes <body bgcolor=?> Sets the background color, using name or hex value <body text=?> Sets the text color, using name or hex value <body link=?> Sets the color of links, using name or hex value <body vlink=?> Sets the color of More >Labels and Keyboard Shortcuts
Oct 28th
Internet Explorer 4.0 supports HTML 4.0. Two new attributes in HTML 4.0 are LABEL and ACCESSKEY. They are used to improve usability and accessibility by associating a keyboard shortcut or a label with the element. When the users clicks on the LABEL, the click event is passed on to the associated element. ACCESSKEY can be used either directly on an element or in conjunction with a LABEL.
The examples below illustrate this further. You may wish to cut and paste them into an HTML document to observe the behavior.
Example 1: Associating a label with a checkboxIn this example, clicking More >
Link ToolTips
Oct 28th
s it possible to create tooltips, hints, or popup text in my HTML? – Internet Explorer 4.x and above will display tooltips-style text for any information stored as a title attribute for a tag, i.e.,
<a href=”http://www.psacake.com/web/“ title=”Web Tips & tricks!”>www.dev-sy.com</a>
You can get some control over the layout of the text by inserting carriage returns into the HTML itself. Check out the tool tip here:
<a href=”http://www.dev-sy.com” title=”Web Tips & tricks!”>www.dev-sy.com</a>
Making sure International Web Browsers Render your Web Pages Correctly
Oct 28th
A recent survey concluded that 40% of the web population are non-English speakers. Many of these use non-English version web browsers. Don’t assume that everyone’s default character set is the same as yours – explicitly state your intended character set. For western characters this can be achieved with:
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>I’ve seen many websites from large reputable companies that fail to specify the character set, and use extended ISO characters for the single apostrophe, em-dash, copyright or trademark symbols. International browsers, especially those in the Far East will fail to render such characters, replacing them with “?”, a square More >
