Nuffnang Ads

Translator

Sunday, December 14, 2008

marquee

Animation HTML

Sometimes full-blown video is a little overboard; in fact, just a little animation can spice up a Web page a great deal. Animation on the Web is used for many things; active logos, animated icon’s demonstrations, and short cartoons. There are a variety of animation technologies available to Web designers. Some of the most common animation approaches include animated GIF’s, Flash, and DHTML animations. Other animation possibilities also exist. Most notably, Java-based animations and older animation techniques such as server push are still possible, but the field has narrowed significantly. Very few of older or proprietary animation like Microsoft’s marquee tag live on.

blink
The much maligned blink tag was initially introduced to the Web by Netscape. Its simple goal is to make text blink, as shown below;
blink Buy Now blink (the < > were removed on a lot of these blink and marquee mark-ups)

It has no significant attributes and is primarily support only in versions of the Netscape browser and is not part of any HTML or XHTML standard. Interestingly enough, despite all the fuss about blinking text, it is actually part of the CSS2 specification, though it is not required to be support by CSS2-conformate browsers. So if you want blinking text that validates, try something like the below demo;

Buy Now (didn't seem to work correctly)

Text Animation with marquee

One approach to adding new support for multimedia is to add new elements and build in support to the browser for the object. This approach used to be very popular with browser vendors and is partially responsible for the proliferation of browser- specific tags. marquee is one example of a multimedia-like tag that is fairly common on the Web. Although marquee isn’t an embedded binary object, it tends to act like one in its support for hspace, vspace, height, and width attributes. In the proprietary HTML extension wars, Microsoft is the culprit for introducing the dreaded marquee tag, which is certainly as annoying as blink tag. Thanks to marquee , HTML authors now can create messages that scroll and slide across viewers screen in a variety of different ways. Like Netscape’s blink tag, marquee degrades fairly well and can be used by HTML authors who understand the ramifications of using such proprietary tags.however, the bottom line is that, in good conscience, authors shouldn’t recommend more than very occasional use of the marquee tag.

While initially supported only by Internet Explorer and some second-tier browsers such as MSN TV, marquee in now even supported in Mozilla-based browsers like Netscape 7, making it somewhat of a de facto standard even if it won’t validate. Using the element is simple; just enclose some text in it and it is transformed into scrolling ticker tape, similar to the one found on “Time Square”. a very simple continuous marquee could be set with the following mark-up fragment;


Welcome to Demo Company…the biggest fake company in the world !


Under browsers that support marquee tag, the enclosed text scrolls repeatedly from right to left. Under browsers that don’t support marquee, the text is displayed simply as plain text because the user agent should safely ignore the tag.

Tip; while Mozilla-based browsers support marquee, they do not support all of its attributes, such as scrolldelay, direction, and so on.






Subscribe to Marketing Myself

Enter your email address:

Delivered by FeedBurner



Other Blogs I Author
1. Across this bridge
2. Marketing myself
3. Struggling parents
4. When life become a book
5. Read Between the Lines
6. Internet Lifestyle
7. The Sleeping Turtle Art Gallery



Add to Technorati Favorites

Subscribe to "Marketing Myself"





Saturday, December 13, 2008

Character Entities

Character Entities

Sometimes, you need to put special characters within a document, such as letters, copyright symbols, or even the angle brackets used to enclose HTML elements. To use such characters in an HTML document, they must be “escaped” by using a special code. All character codes take the form &code in which code is a word or numeric code indicating the actual character that you want to put onscreen. Some of the more commonly used characters are shown below;

Numeric Named Value Symbol Description
" " “ Quotation mark
& & & Ampersand
&060; < < Less than
&062; > > Greater than
&153; ™ TM trademark
&160;   Non-breaking space
&169; © Copyright symbol
&174 ® Registered trademark



While entities are easy to add, excessive use can make markup difficult to read, particularly if the characters, such as entities aren’t spaced.
The character set currently supported by HTML is ISO Latin-1 character set. Many of its characters, such as accents and special symbols, cannot be typed on all keyboards. They must be entered into HTML documents by using the appropriate code. Even if the character in question is supported on the keyboard (for example, the copyright symbol), simply typing the symbol into document directly may not produce the correct encoding. Of course, many HTML editors make the appropriate insertion for you.



Subscribe to Marketing Myself

Enter your email address:

Delivered by FeedBurner



Other Blogs I Author
1. Across this bridge
2. Marketing myself
3. Struggling parents
4. When life become a book
5. Read Between the Lines
6. Internet Lifestyle
7. The Sleeping Turtle Art Gallery



Add to Technorati Favorites

Subscribe to "Marketing Myself"





Thursday, December 4, 2008

Head Elements

Other Head Elements

In addition to the title elements under the HTML 4.01 and XHTML 1.0 transitional DTDs, the elements allowed within the head element include base, isindex, link, meta, object, script, and style. A brief discussion of the other head elements folows. Complete information available in the cross reference posts and reference sections.
The < base > tag specifies an absolute URL address that is used to provide server and directory information for partially specified URL addresses called relative links used within the document. Links and the sue of< base > are discussed in my later posts.
The tag indicates that the document contains a searchable index. It causes the browser to display a query prompt and a field for entering a query. This element typically was used with simple site searching mechanism, but is rarely used today, having been mostly replaced by forms. Under the HTML 4.01 and XHTML 1.0 strict definitions, is deprecated.
The < link > tag specifies a special relationship between the current document and another document. It can be used in hypertext navigation relationships including prefetching of documents by browsers. It can also be used to link the current document to a style sheet. The < link > tag has many interesting possibilities, but unfortunately few of these are implemented even in the most standards-complaint browser.
The < meta > tag uses name/ value pairs to provide meta-information about a document. The < meta > element often provides descriptive information targeted by Web search engines. In a very different use, the < meta > tag can define various HTTP request values such as a page refresh or an expiration time.
The tag allows programs and other binary objects to be directly embedded in a Web page. The most popular current approaches use Java applets, plug-ins, or ActiveX controls to embed multimedia elements such as Flash Animations, sounds or movies.
The