Map tag
< img src="hotdog.gif" alt="hotdog" usemap="#planetmap" />
< map name="planetmap">
< area shape="rect" coords="0,0,118,28"
href="a.html" alt="A" />
< /map>
If you never used map tags, then consider yourself lucky. Newer technique such as image slicing or Macromedia Flash has allowed us the flexibility of performing everything this tag has to offer. It was useful in the primitive years, but I believe it should be in the deprecated list.
via [HTMLTree]
Filed under: HTML, Tutorials on August 10th, 2010 | No Comments »
Frames
< frameset cols="20%, 80%">
< frame src="a.html" />
< frame src="b.html" />
< /frameset>
Yep, that’s right. I said it. If you’re implementing frames for a client, you should be shot. Frame and frameset are ugggg-ly. Maybe it’s due to their old age. If you’re using frames to avoid multiple instances of the same content, I would suggest newer technologies such as DHTML, ASP/JSP/PHP, Templates, SSI, etc.
Not all frames are designed bad. If you look at Google’s gmail web application, you’ll notice it’s all frames! Even a hidden iframe is used to persist the user’s current state.
So what have we learned? Use frames to persist data and perform background execution, but never as frontend. Think of it as a supporting actor/actress. Else, avoid it at all cost.
via [HTMLTree]
Filed under: HTML, Tutorials on July 10th, 2010 | No Comments »
There would be times that you’ll need to go to the internet and log on to a search engine to get some answers. Usually the most popular of these search engines is Google and Yahoo. However, there are other search engines out there that can better suit your searches depending on the situation.
If you need to do a research on topics that needs to be recommended by experts of that field, it would be best to go straight to the Subject directories available, like: Academicinfo.us or ipl.org. If you’re looking for info stored in a database, like a directory or a phonebook, the best way to go would be to use Googlemaps. If you need to get a page translated, you go to babelfish or google translate. There’s even one that will allow you to search FTP files in sites (FTPsearchengines.com).
If you want to find out what search engine you’ll use here.
Filed under: Information, Tips on June 10th, 2010 | No Comments »
GOOGLE FRIENDLINESS
< title> EasyWebTutorials.net < title/>
< meta name="Description" content="foo" />
< meta name="Keyword" content="bar" />
On this planet, google is king. Have you seen their stock prices lately?! If you plan on publishing your webpage on the Internet, then you must not omit the title and meta tags.
Google has a spider that crawls the Internet and indexes certain key words. If it hits your page, then it will surely look in the title and meta tags for information.
HTMLTree comment: On a side note, if you have images in your webpage then don’t omit the alt attribute. Not because it follows web accessibility guildelines, but it helps google index your images. Why? Because the spider algorithm can only read text.
In case you’re wondering, google spider can be stopped. You will need to create a file, robot.txt, and tell it what files/directories to not index. More information can be found here.
via [HTMLTree]
Filed under: HTML, Tutorials on May 10th, 2010 | No Comments »
TAGS
< html>< head>< body>...
All tags should be lowercase. Call it the lazy man rule of coding, but I love this rule. It’s one of a handful of rules for being XHTML 1.0 compliant.
Now you’re thinking, what the heck?! HTML (w3) standards was a mess, now there’s XHTML?? Yes, a bunch of whacked out developers got locked in a room in the year 2000 and came up with XHTML. It’s just a hybird of XML and HTML rules.
HTMLTree comment: Since we’re on the topic, here’s a quick rundown of other XHTML rules…
1. Lowercase tag names
2. Close all tags (e.g. < br />)
3. Attribs must be in quotes (e.g. < table width="20">)
4. Attrib shortcuts for ’selected’ and ‘checked’ must be defined (e.g. < input type="checkbox" checked="checked">
5. The full XHTML 1.0 list is here. Good luck reading that in one sitting!
via [HTMLTree]
Filed under: HTML, Tutorials on April 10th, 2010 | No Comments »
DOCTYPE
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
The DOCTYPE is used to determine how the browser will render your code. There is one standard for HTML, but not one browser. Having the DOCTYPE in the beginning of all your HTML pages helps keep the browser defined in a specific set of standards.
HTMLTree comment: Most web programmers would argue there exist two sets of standards. Microsoft being the latter. But with MSIE 6 or later, Mircrosoft states it will follow w3 standards if the DOCTYPE exist.
via [HTMLTree]
Filed under: HTML, Tutorials on March 10th, 2010 | No Comments »
All people have various ways of expressing themselves and normally they would be unique from others. Not many people place identity on their sites for fear of being laughed at. But on the web, anything is possible and can be done. All you have to do is make a simple design from your end which best suits the purpose of putting up a site in the first place.
Designs don’t have to be exotic. You can express what you really feel suits your needs. As far as web development is concerned, it remains that web designs normally portray a person’s overall image.
Filed under: Tips on February 10th, 2010 | No Comments »
When you write HTML text, you can never be sure how the text is displayed in another browser. Some people have large computer displays, some have small. The text will be reformatted every time the user resizes his window. Never try to format the text in your editor by adding empty lines and spaces to the text.
HTML will truncate the spaces in your text. Any number of spaces count as one. Some extra information: In HTML a new line counts as one space.
Using empty paragraphs
to insert blank lines is a bad habit. Use the
tag instead. (But don’t use the
tag to create lists. Wait until you have learned about HTML lists.)
HTML automatically adds an extra blank line before and after some elements, like before and after a paragraph, and before and after a heading.
via [W3Schools]
Filed under: HTML, Tips, Tutorials on January 10th, 2010 | No Comments »
As far as the web is concerned, there over a million websites to visit and what really makes them unique would be the domain name and the type of programming language that was used for them. This is one reason why sometimes we run into script errors which would require us to download some add-ons to be able to view such sites.
However, there are times where you people may want to use logical decisions when it comes to downloading scripts. For one, some of them may not be really required and would point you towards downloading dangerous scripts which may affect your computer and become a pain in the end.
Filed under: CSS, HTML, Tips on December 24th, 2009 | No Comments »
One thing you can do the next time you log in is try the art of blogging. Most people term it as a form of personal diary where you can write about anything you feel like sharing. There are no restrictions and normally, it may even be your outlet when it comes to unleashing some things that you want off your chest.
There are a lot of people who blog as well. Most of them started out blogging about personal things. Some now blog about various issues to make their voices heard. For the advanced ones, making a living out of blogging has helped them a lot as well.
Filed under: Tips on November 28th, 2009 | No Comments »