TechMynd » HTML, XHTML, XML, Forms, W3C

What Is Lorem Ipsum Dolor Sit Amet

Hiroshi — Mon, 28 Jul 2008 13:41:41 +0000

“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat [...]

What Is Lorem Ipsum Dolor Sit Amet is a post from: TechMynd.

Google Encourages NoFollow

Hiroshi — Tue, 24 Jun 2008 21:23:26 +0000

nofollow is an HTML attribute value used to instruct some search engines that a hyperlink should not influence the link target’s ranking in the search engine’s index. It is intended to reduce the effectiveness of certain types of search engine spam, thereby improving the quality of search engine results and preventing spamdexing from occurring. The [...]

Google Encourages NoFollow is a post from: TechMynd.

Meta Tags Complete List

Hiroshi — Tue, 08 Apr 2008 09:32:58 +0000

For SEO purpose of website, I have compiled a complete possible list of Meta Tags in both HTML and XHTML format. You can find an online Meta Tags Generator link in the end too which will also suggest you that how much words you should use for each element where necessary. It will restrict you [...]

Meta Tags Complete List is a post from: TechMynd.

Transparent Iframe in HTML

Hiroshi — Sun, 24 Feb 2008 11:38:00 +0000

To make an iframe transparent (background of the iframe page is visible through the data from the other page), you just need to use 2 additional code snippets. 1) In the iframe code add ALLOWTRANSPARENCY=TRUE 2) In the content page (the page seen through the iframe), add <style type="text/css"> body { background-color: transparent } </style> [...]

Transparent Iframe in HTML is a post from: TechMynd.

Transparent PNG Image In HTML – Complete Solution Download

Hiroshi — Wed, 20 Feb 2008 23:07:21 +0000

Advanced & latest versions of browsers support transparent PNG by default. i.e. Internet Explorer 7, New Firefox, Safari and Opera etc. For IE 6 another version of this script works fine in which I gave you an example how to implement transparency in PNG for web pages. But what about background image and what if you [...]

Transparent PNG Image In HTML – Complete Solution Download is a post from: TechMynd.

Form Validation – Input Fields Text Changes at OnClick OnBlur OnFocus

Hiroshi — Wed, 20 Feb 2008 10:30:48 +0000

We will be needing a js file and a page containing form input field to do this task. What we are planning to do is, The input field contains default value. Onclick default value disappears and allows the user to insert text. If the user types anything it remains there but if he does not [...]

Form Validation – Input Fields Text Changes at OnClick OnBlur OnFocus is a post from: TechMynd.

PNG Image Transparency In WebPages – Download Example

Hiroshi — Sun, 17 Feb 2008 15:51:26 +0000

This example will show you how to use a transparent PNG image in a webpage. When it comes to slicing and using images in webpage, we have to use some images in gif form sometimes particularly for curves and rounded corners while creating boxes by images for webpage. We use images in background. Give any gif a [...]

PNG Image Transparency In WebPages – Download Example is a post from: TechMynd.

Internet Explorer Bugs

Hiroshi — Tue, 30 Oct 2007 18:11:19 +0000

Internet Explorer has evolved but for developers, they have to still check cross browser compatibility whenever they create a website. Internet explorer gives a tough time among all. Internet explorer has got some funny bugs interesting to read. IE Won’t Allow document.createElement(‘style’) If you try to add style declarations in the head of a document, [...]

Internet Explorer Bugs is a post from: TechMynd.

Onclick Change Link State to bold

Hiroshi — Fri, 05 Oct 2007 21:28:58 +0000

If you need to change the state of link onclick event to blod in navigation then we will use following code. <html> <head> <title>Change Links State On Click</title> <style type="text/css"> .activate { font-weight: bold; } </style> </head> <body> <a href="#" id="link1" onclick="changeActiveStates(this)">Link A</a> <a href="#" id="link2" onclick="changeActiveStates(this)">Link B</a> <a href="#" id="link3" onclick="changeActiveStates(this)">Link C</a> <script type="text/javascript"> [...]

Onclick Change Link State to bold is a post from: TechMynd.

Advantages & Disadvantages of XML

Hiroshi — Mon, 09 Jul 2007 01:22:21 +0000

XML (Extensible Markup Language) is a general-purpose specification for creating custom markup languages. The term extensible is used to indicate that a markup-language designer has significant freedom in the choice of markup elements. XML’s goals emphasize representing documents with simplicity, generality, and usability over the Internet. XML has been used as the basis for a [...]

Advantages & Disadvantages of XML is a post from: TechMynd.

Why XHTML?

Hiroshi — Mon, 09 Jul 2007 01:13:05 +0000

We have reached a point where many pages on the WWW contain “bad” HTML. Many will fall, my friend. Talk about strict rules. Lets explore a little history of HTML and XHTML before we answer this ‘WHY’. The Extensible Hypertext Markup Language, or XHTML, is a markup language that has the same depth of expression [...]

Why XHTML? is a post from: TechMynd.

XHTML 1.0 The Extensible HyperText Markup Language (Second Edition)

Hiroshi — Mon, 09 Jul 2007 01:11:12 +0000

XHTML is a family of current and future document types and modules that reproduce, subset, and extend HTML 4 [HTML4]. XHTML family document types are XML based, and ultimately are designed to work in conjunction with XML-based user agents. The details of this family and its evolution are discussed in more detail in [XHTMLMOD]. XHTML [...]

XHTML 1.0 The Extensible HyperText Markup Language (Second Edition) is a post from: TechMynd.

URI Choice Checklist – Choosing Perfect Domain Name

Hiroshi — Sun, 08 Jul 2007 23:17:35 +0000

If you are a webmaster or intend to run a website then you will need to have a domain name. Some address. Here is a checklist which you can consider before buying a domain name. Its important from SEO point of view and from website success and popularity point of view. e.g. msn.com is really [...]

URI Choice Checklist – Choosing Perfect Domain Name is a post from: TechMynd.

Why no Tables For Layout?

Hiroshi — Sun, 08 Jul 2007 23:10:17 +0000

Learn how DIV based table-less website is better than table based website. A table forces a user to follow your document structure, not a typical document structure. Tables require much more HTML to generate than using the DIV method and so increase the file size of the page. Once a table is laid out and [...]

Why no Tables For Layout? is a post from: TechMynd.

Un-table Your Website

Hiroshi — Sun, 08 Jul 2007 23:07:43 +0000

Here are major benefits of creating tableless websites. These are only in the order that I feel they should go in, some things are more important to other people, so rank them as you will. Forces You To Write Well-Formed Code You cannot have a properly made tableless layout, and use improper and non-standard code. [...]

Un-table Your Website is a post from: TechMynd.

Fieldset Around Data

Hiroshi — Sun, 08 Jul 2007 21:34:46 +0000

Here is a little tutorial about how to draw a border with caption around the data or form. Example Look: <fieldset> <legend> Health information: </legend> <form action=""> Height <input type="text" size="3"> Weight <input type="text" size="3"> </form> </fieldset> If there is no border around the input form, your browser is too old. Fieldset Around Data is [...]

Fieldset Around Data is a post from: TechMynd.

Disc, Circle, Square – Unordered List Style Types

Hiroshi — Sun, 08 Jul 2007 21:28:51 +0000

Lists in HTML can be ordered or unordered. Unordered list style type can be disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha or none. Disc bullets list <ul type="disc"> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ul> Circle bullets list <ul type="circle"> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ul> Square bullets list <ul type="square"> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ul> We [...]

Disc, Circle, Square – Unordered List Style Types is a post from: TechMynd.

Nested List Style Types in HTML

Hiroshi — Sun, 08 Jul 2007 21:27:15 +0000

Here is how you can use nested list styles in HTML. A Nested List in HTML <ul> <li><strong>Coffee</strong></li> <li><strong>Tea</strong> <ul> <li>Black tea</li> <li><strong>Green tea</strong> <ul> <li>China</li> <li>Africa</li> </ul> </li> </ul> </li> <li><strong>Milk</strong></li> </ul> Nested List Style Types in HTML is a post from: TechMynd.

Nested List Style Types in HTML is a post from: TechMynd.

Definition Lists in HTML

Hiroshi — Sun, 08 Jul 2007 21:24:21 +0000

A definition list is not a list of items. This is a list of terms and explanation of the terms. A definition list starts with the dl tag. Each definition-list term starts with the dt tag. Each definition-list definition starts with the dd tag. Example of Definition List <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White [...]

Definition Lists in HTML is a post from: TechMynd.

Focus Form Field on Page Load

Hiroshi — Sun, 08 Jul 2007 21:06:16 +0000

Some times you want that when the contact form be loaded, its focus should be in the first form field where user will start typing. For that you need to know that form name, the field name to focus and you need to call onload in the body tag of the web page. Let’s try [...]

Focus Form Field on Page Load is a post from: TechMynd.