banner
Welcome to HTML.co.uk, the number one resource for all news, information, and happenings regarding HTML.

Updates: HTML.co.uk has just been relaunched. Subscribe to our RSS Feed to stay on top of HTML news and techniques.
Jan
2nd

Ten Major Things that you should avoid with Google Adsense

Author: Editor | Files under General Website Information
Tags for this article: , , , , , , , ,

There are no two ways about it: You can actually make good money with Google AdSense, but you are inviting trouble on yourself if you commit any of these top ten mistakes.

• Do not in any way use any kind of fake information when opening up the Google AdSense Account: Fake information about identity is a big no-no with Google. In fact, all the money earned by you will be seized if you are found guilty of supplying wrong information. Besides this, hiding your true identity from the tax authority can also cause you serious problems.
• Never try to modify or the hack code of Google AdSense, other than just changing the parameters, more than you have been authorised to: If there is any kind of attempt to bypass the built-in algorithms of Google AdSense it will not pose major issues or the integrity of the network. But also at the same time it will threaten the financial model of Google AdSense.
• All your confirmation, registration and thank you pages should be kept away from the AdSense Ads: Although those would be wonderful pages to put the ads on, it is really not allowed to put the ads on thank you as well as registration pages. According to Google, it is a hanging offence as per their terms and conditions to place the ads on any of these pages.
• The ads of Google AdSense and their competitors should not be placed on the same page: Undoubtedly Google is not expecting a complete 100% loyalty from your end but the company does insist that their adds should not by any chance be cluttered by the offerings and deals of their competitors.
• One should not try to give any kind of offerings or incentives or beg for clicking on your Google Adsense Ads: This is a violation to the terms and Conditions laid down by the Google AdSense. Even a small polite note saying Please click on our links to keep the site running and going is also not acceptable.
• The individual owning the site should not click on the links even if he or she is genuinely interested in buying the products: Nothing in this world can scream the word FRAUD louder than the owner of the website trying to click on his own website and increase the number of clicks or hits so as to earn or make more money.
• Avoid any kind of misleading labelling: Google from the very beginning has been very specific and particular about the kind of content that is placed in the ads. Do not label the content of your site as gaming related, or dealing with the Nintendo DS Lite, when it is in fact a site dedicated to household appliances like dishwashers and refrigerators. This will help prevent confusion of any kind on the part of visitors.
• Avoid any kind of device tricks or keyword spamming: It is quite possible that one might get tempted to employ such techniques, which would help in generating more traffic and better hits to your website.
• Nothing should be advertised on the prohibited list of Google: This list of prohibited items is undoubtedly much shorter than eBay or Pay Pal’s list but definitely includes the same set of things such as weapons, hard alcohol or beer, gambling sites, illegal drugs, porn, hacking and cracking content and all other usual stuff
• And last, but not least, follow these nine points to ensure an honest site.


Jun
27th

Working with Unordered/ Bulleted Lists in HTML

Author: Editor | Files under HTML Tutorials
Tags for this article: , , , , ,

Like the ordered lists, the unordered or bulleted lists are also used to present the data in a more meaningful, readable and understandable way. Unlike the ordered lists the unordered ones puts a bullet instead of a number or alphabet in front of every list item. The HTML tags used to create the unordered lists are <UL>…</UL>. Unordered lists can also be used in a variety of styles. By default most of the web browsers use bullets to delineate unordered list items. Some text browsers such as Lynx put an asterisk sign before the unordered list item.

Example code for creating an unordered list:

<UL>
<LI> Content </LI>
<LI> Resume </LI>
<LI> E-Book </LI>
<LI> Blogs </LI>
<LI> SEO </LI>
<LI> SMO </LI>
</UL>

The output of the above code will be as follows:

  • Content
  • Resume
  • E-Book
  • Blogs
  • SEO
  • SMO

Instead of simple bullets we can also use other symbols as far as they are supported by the web browser. In order to accomplish this we have to use ‘TYPE’ attribute with the <UL> HTML tag. For example:

<UL TYPE=”SQUARE”>
<LI> Content </LI>
<LI> Resume </LI>
<LI> E-Book </LI>
<LI> Blogs </LI>
<LI> SEO </LI>
<LI> SMO </LI>
</UL>

Using the above HTML code we will get the following output:

  • Content
  • Resume
  • E-Book
  • Blogs
  • SEO
  • SMO

We can also use different types of symbols in the same unordered list and ordered list with the bulleted one. A sub-list under a main list can also be created. This process is popularly known as nesting of lists and such kind of lists are called ‘Nested Lists’. Below is a comprehensive example of a nested list which consists of both the numbered and bulleted styles.

HTML Code:

<HTML>
<OL TYPE=”I” START=”V”>Guess what we will be discussing today?
<OL TYPE=”1”>
<LI> Its all about vegetables </LI>
<OL TYPE=”A”>
<LI> Carrot
<UL>
<LI> Its red in color </LI>
</UL>
<LI> Tomato </LI>
<UL TYPE=”CIRCLE”>
<LI>Its also red in color </LI>
</UL>
<LI> Potato </LI>
<UL TYPE=”SQUARE”>
<LI> It’s the odd one out as it is brown in color </LI>
</UL>
</OL>
</OL>
</OL>
</HTML>

In this way we can try infinite combinations of tags to design our lists. Nested lists can be made more beautiful if non-breaking spaces i.e. < & nbsp > is used. It will increase indents and the sub-lists will be easily presented under the main ones.


Jun
24th

Working With Glossary/Definition Lists

Author: Editor | Files under HTML Tutorials
Tags for this article: , , , , ,

Glossary lists are those lists which are used to represent main terms along with their definition in HTML documents. These kinds of lists are used to make glossaries also. Glossary lists (also known as Definition lists) are different from the ordered lists as well as unordered ones in a way that it formats the content in a special way so that it looks like a list of items along with their description.

Glossary Lists have two main parts:

1) The Term
2) The Term’s Definition

The term is the main entry and the term definition is the description of that entry. In order to make a glossary list the <DL>…….</DL> tags are used and to insert the term and term definition <DT>…</DT> and <DD>…..</DD> tags are used.

Sample Code for creating Glossary lists:

<DL>

<DT> Natural Language Search Engines </DT>

<DD> These search engines allow the users to submit search phrases in natural languages such as English, Hindi, Japanese, Chinese, French and German etc. </DD>

<DT> Subject Directories Search Engines </DT>

<DD> These search engines present the results of searches in hierarchical subject categories instead of listing them in any order by how relevant the search engine thinks the site is to the search. </DD>

<DT> Subject Guide Search Engines </DT>

<DD> These search engines contain links of many important resources on a topic. They differ from subject directories search engines in the same sense that their search request interface has forms that contain databases of sites on many subjects, organized into a subject classification scheme. </DD>

<DT> Meta Search Engines </DT>

<DD> These search engines do not create their own databases but make use of the databases of other search engines. They quickly process the user’s search request by invoking several individual search engines at once and return the results complied into a convenient format. </DD>

</DL>

The output of the above code is as follows:

Natural Language Search Engines
These search engines allow the users to submit search phrases in natural languages such as English, Hindi, Japanese, Chinese, French, and German etc.

Subject Directories Search Engines
These search engines present the results of searches in hierarchical subject categories instead of listing them in any order by how relevant the search engine thinks the site is to the search.

Subject Guide Search Engines
These search engines contain links of many important resources on a topic. They differ from subject directories search engines in the same sense that their search request interface has forms that contain databases of sites on many subjects, organized into a subject classification scheme.

Meta Search Engines
These search engines do not create their own databases but make use of the databases of other search engines. They quickly process the user’s search request by invoking several individual search engines at once and return the results complied into a convenient format.

We can also use the ‘COMPACT’ attribute of

tag in case the definition terms are very short. List nesting can also be done in glossary lists with the help of ordered and bulleted lists within it.