HTML interview questions

How to set div beside each other ?

2010-09-27T12:00:00.000-07:00

We can set div beside div by using float:left;

you may try this program if you need for example :

Why XHTML Modularization?

2010-05-04T07:36:00.000-07:00

The XHTML modularization model defines the modules of XHTML.
XHTML is a simple, but large language. XHTML contains most of the functionality a web developer will need.

For some purposes XHTML is too large and complex, and for other purposes it is much too simple.

By splitting XHTML into modules, the W3C (World Wide web Consortium) has created small and well-defined sets of XHTML elements that can be used separately for simple devices as well as combined with other XML standards into larger and more complex applications.

With modular XHTML, product and application designers can:
* Choose the elements to be supported by a device using standard XHTML building blocks.
* Add extensions to XHTML, using XML, without breaking the XHTML standard.
* Simplify XHTML for devices like hand held computers, mobile phones, TV, and home appliances.
* Extend XHTML for complex applications by adding new XML functionality (like MathML, SVG, Voice and Multimedia).
* Define XHTML profiles like XHTML Basic (a subset of XHTML for mobile devices).

How to get approved google adsense account

2010-05-03T10:04:00.000-07:00

Hi there,

if you are not able to get google adsense account then don't worry.

Just follow the following step after that you will be able to get account :

click on the above link and create login then apply for adsense account from indyrock which link located as 'Earnings *Google AdSense' top right corner.

Note that, to getting google adsense account you have to done following step :

1)Your profile must be completed by 50%,
2)You have minimum 2 blogs on indyrock,
3)you have to upload minimum 10 photo,

Please try and I assured you that you'll able to get account.

if you have any query don't hesitate to click here

Best of luck.

Is XHTML Element Name Case Sensitive?

2010-05-02T05:19:00.001-07:00

Yes, XHTML element names are case sensitive. All element names must be written in lower case letters.

What Is Wrong with My "checked" Attribute Values?

2010-05-02T05:17:00.000-07:00

Attribute "checked" is an optional attribute for XHTML element "input". In XHTML specification, attribute "checked" has only predefined value: "checked". However, in HTML specification, attribute "checked" requires no value.

If you are converting existing HTML documents to XHTML format, you will get some syntax error on your pre-selected items in radio buttons, check boxes and dropdown lists, "checked" attributes are used without any values.

What is a "span" Tag/Element?

2010-05-02T05:14:00.000-07:00

A "span" element is an inline element that you can use a container of inline elements and text contents. By default, browsers will do nothing on "span" elements unless specify some CSS properties in them. Here are basic rules about an "span" element:

"span" elements are inline elements.
"span" elements can have PCDATA as contents.
"span" elements can have inline elements as sub-elements.
"span" elements can not have any block elements as sub-elements.
A "span" element will be ignored by most browsers, unless it has some CSS properties.

What Is a "div" Tag/Element?

2010-05-02T05:10:00.000-07:00

A "div" element is a block element that you can use a container of flow elements (flow elements are really the superset of both inline elements and block elements). By default, "div" elements will be treated as paragraphs by most browsers. Here are basic rules about an "div" element:

"div" elements are block elements.
"div" elements can have PCDATA as contents.
"div" elements can have inline elements as sub-elements.
"div" elements can have block elements as sub-elements.
A "div" element will be displayed as a paragraph by most browsers.

How To Validate XHTML Documents Online?

2010-05-02T04:58:00.000-07:00

If you have just finished a new XHTML document, and you want to make sure that confirms with the XHTML specification, you can use the XHTML online validator at http://validator.w3.org/.

There are 3 ways you can use this validator:

By URL - Specify the URL where your XHTML document is located, and click "Check".
By File Upload - Use the "Browse" to locate an XHTML document on your local hard disk, and click "Check".
By Direct Input - Copy & paste the content of an XHTML document to the input area, and click "Check".

The validator will return a page with validation result.

How do I specify a specific combination of frames instead of the default document?

2010-03-28T04:19:00.000-07:00

This is unfortunately not possible. When you navigate through a site using frames, the URL will not change as the documents in the individual frames change. This means that there is no way to indicate the combination of documents that make up the current state of the frameset.

The author can provide multiple frameset documents, one for each combination of frame content. These frameset documents can be generated automatically, perhaps being created on the fly by a CGI program. Rather than linking to individual content documents, the author can link to these separate frameset documents using TARGET="_top". Thus, the URL of the current frameset document will always specify the combination of frames being displayed, which allows links, bookmarks, etc. to function normally.

Is it possible to make the HTML source not viewable?

2010-03-28T04:13:00.001-07:00

In short, there is no real method or script for making standard HTML source code not viewable. You may consider doing any of the below if they are concerned about your source code.

1. Create the web page in Macromedia Flash or a similar program. The visitor would need to download the Macromedia Flash plug-in and would be unable to view the source code for the flash applet.

2. There are various scripts that will disable the right click feature, preventing the user from saving images or viewing the source. However, this will not protect the source code of your page. For example, Internet Explorer users may still click "View" and "Source" to view the source code of the page, or a user could disable scripts and images can be saved by simply saving the web page to the hard drive.

3. There are several programs that will help scramble your code, making it difficult (not impossible) to read. Again, this is not going to prevent someone from viewing your code.

Differences between XML and HTML

2010-03-22T19:34:00.001-07:00

Since XML and HTML are derived from SGML they are similar, but have the following differences:
1. XML is case-sensitive
2. XML must have quotes (single or double) around attributes
3. Most interpreters of HTML are very forgiving about missing end tags - XML parses are not.
4. Comments start with <-- and end with -->. Inside a comment, "--" may not appear. Although this is fine in html, it confuses xml parsers.

Why XHTML?

2010-03-22T19:30:00.000-07:00

XHTML pages can be read by all XML enabled devices AND while waiting for the rest of the world to upgrade to XML supported browsers, XHTML gives you the opportunity to write "well-formed" documents now, that work in all browsers and that are backward browser compatible Since 1990, HTML (or Hyper Text Markup Language) has been the language recommended for creating Web pages. And it has been very successful . But HTML has its problems. Without going into specifics, as it's not the subject of this article, HTML has become a mess. To sort this mess out, in 1999 the World Wide Web Consortium came up with XHTML. XHTML stands for eXtended Hyper Text Markup Language, and is written in a language called XML or eXtended Markup Language.

As the name implies, XHTML has the capability to be extended. You can use extra modules to do things with your pages that weren't possible with HTML. The long-term goal is that your Web pages will be able to be understood by computers as well as humans. How does this work? Allow me to explain.

You may be thinking that computers already understand Web pages because you use a computer to view them. This is true. But computers only understand how to display your pages, not what they mean. Imagine if computers did understand what Web pages meant! You could tell your computer to go and visit all of your local supermarket's Websites and report back to you on which store is the cheapest for this week's shopping. Your computer could visit the news sites around the world and bring back the latest headlines that relate to things you're interested in. The possibilities are endless.

How do I make my div 100% height?

2010-03-21T02:42:00.000-07:00

You need to know what the 100% is of, so the parent div must have a height set. One problem that people often come up against is making the main page fill the screen if there's little content. You can do that like this :
CSS
body, html {
height:100%;
}
body {
margin:0;
padding:0;
}
#wrap {
position:relative;
min-height:100%;
}
* html #wrap {
height:100%;
}

Here, the #wrap div goes around your whole page - it's like a sub-body.

You need to use 'min-height' rather than 'height' for Firefox because otherwise it will set it to 100% of the viewport and no more. Internet Explorer, being well... crap, treats 'height' as it should be treating 'min-height' which it doesn't recognise. (You can target IE by preceding your code with ' * html ').

To make floated divs within this #wrap div 100% of the #wrap div... well that's more difficult. I think the best way is to use the 'faux columns' technique which basically means that you put the background in your body rather than your columns. If the body has columns and your floats don't then it looks like your floated content is in a column that stretches to the bottom of the page. I've used this technique in my layout demos.

The problem is often not that the columns aren't 100% height, but that they're not equal lengths. Columns usually don't start from the top of the page and end at the bottom - there's often a header and a footer or sometimes, more interesting designs don't have a recognisable columnar layout, but do require div boxes to be equal heights. This can be done with the aid of a couple of images and some css or with some javascript.

Can CSS be used with other than HTML documents?

2010-03-21T02:38:00.001-07:00

Yes. CSS can be used with any ny structured document format. e.g. XML, however, the method of linking CSS with other document types has not been decided yet.

Can Style Sheets and HTML stylistic elements be used in the same document?

2010-03-21T02:37:00.000-07:00

Yes. Style Sheets will be ignored in browsers without CSS-support and HTML stylistic elements used.

What is attribute selector?

2010-03-21T02:33:00.001-07:00

Attribute selector is a selector defined by 1) the attribute set to element(s), 2) the attribute and value(s), 3) the attribute and value parts:

1a) A[title] {text-decoration: underline}
All A elements containing the TITLE attribute will be underlined

1b) A[class=name] {text-decoration: underline}
The A elements classed as 'name' will be underlined

2) A[title="attribute element"] {text-decoration: underline}
The A elements containing the TITLE attribute with a value that is an exact match of the specified value, which in this example is 'attribute element', will be underlined

3) A[title~="attribute"] {text-decoration: underline}
The A elements containing the TITLE attribute with a value containing the specified word, which in this example is 'attribute', will be underlined

Which browsers support CSS?

2010-03-21T02:29:00.000-07:00

It depends on your definition of "support." If you are interested in those browsers which makes some attempt at supporting CSS, no matter how partial or bug-ridden, then the list is:

* Internet Explorer 3.0 and above
* Navigator 4.0 and above
* Opera 3.6 and above
* Konqueror
* Arena
* Emacs-w3
* Amaya
* Lexicon
* XPublish by Media Design in·Progress

If instead you're interested in those browsers which are known to do a credible job of bug-free and mostly completel support for CSS1, then the list narrows somewhat dramatically:

* Internet Explorer 5.0 for Macintosh and above
* Internet Exporer 5.5 for Windows and above
* Netscape Navigator 6.0 and above
* Opera 4.0 and above

While none of these browser can be claimed to have a perfect implementation of CSS1, they are all quite good and can be relied upon to operate in a consistent fashion for most of CSS1.

What is contextual selector?

2010-03-21T02:26:00.000-07:00

Contextual selector is a selector that addresses specific occurrence of an element. It is a string of individual selectors separated by white space, a search pattern, where only the last element in the pattern is addressed providing it matches the specified context.

TD P CODE {color: red}

The element CODE will be displayed in red but only if it occurs in the context of the element P which must occur in the context of the element TD.

TD P CODE, H1 EM {color: red}

The element CODE will be displayed in red as described above AND the element EM will also be red but only if it occurs in the context of H1

P .footnote {color: red}

Any element with CLASS footnote will be red but only if it occurs in the context of P

P .footnote [lang]{color: red}

Any element with attribute LANG will be red but only if it is classed as "footnote" and occurs in the context of P

What is CSS rule 'ruleset'?

2010-03-21T02:23:00.000-07:00

There are two types of CSS rules: ruleset and at-rule. Ruleset identifies selector or selectors and declares style which is to be attached to that selector or selectors. For example P {text-indent: 10pt} is a CSS rule. CSS rulesets consist of two parts: selector, e.g. P and declaration, e.g. {text-indent: 10pt}.

P {text-indent: 10pt} - CSS rule (ruleset)
{text-indent: 10pt} - CSS declaration
text-indent - CSS property
10pt - CSS value

Is CSS case sensitive?

2010-03-21T02:22:00.001-07:00

Cascading Style Sheets (CSS) is not case sensitive. However, font families, URLs to images, and other direct references with the style sheet may be.
The trick is that if you write a document using an XML declaration and an XHTML doctype, then the CSS class names will be case sensitive for some browsers.

It is a good idea to avoid naming classes where the only difference is the case, for example:

div.myclass { ...}
div.myClass { ... }

If the DOCTYPE or XML declaration is ever removed from your pages, even by mistake, the last instance of the style will be used, regardless of case.

What is grouping ?

2010-03-21T02:19:00.000-07:00

Grouping is gathering (1) into a comma separated list two or more selectors that share the same style or (2) into a semicolon separated list two or more declarations that are attached to the same selector

1. The selectors LI, P with class name .first and class .footnote share the same style, e.g.:
LI {font-style: italic}
P.first {font-style: italic}
.footnote {font-style: italic}

To reduce the size of style sheets and also save some typing time they can all be grouped in one list.
LI, P.first, .footnote {font-style: italic}

2. The declarations {font-style: italic} and {color: red} can be attached to one selector, e.g.:
H2 {font-style: italic}
H2 {color: red}
and can also be grouped into one list:
H2 {font-style: italic; color: red}

Is it possible to make the HTML source not viewable?

2010-03-21T02:15:00.001-07:00

How do I make a frame with a vertical scrollbar but without a horizontal scrollbar?

2010-03-21T02:11:00.000-07:00

The only way to have a frame with a vertical scrollbar but without a horizontal scrollbar is to define the frame with SCROLLING="auto" (the default), and to have content that does not require horizontal scrolling. There is no way to specify that a frame should have one scrollbar but not the other. Using SCROLLING="yes" will force scrollbars in both directions (even when they aren't needed), and using SCROLLING="no" will inhibit all scrollbars (even when scrolling is necessary to access the frame's content). There are no other values for the SCROLLING attribute.

Why does the browser show my plain HTML source?

2010-03-21T02:10:00.001-07:00

If Microsoft Internet Explorer displays your document normally, but other browsers display your plain HTML source, then most likely your web server is sending the document with the MIME type "text/plain". Your web server needs to be configured to send that filename with the MIME type "text/html". Often, using the filename extension ".html" or ".htm" is all that is necessary. If you are seeing this behavior while viewing your HTML documents on your local Windows filesystem, then your text editor may have added a ".txt" filename extension automatically. You should rename filename.html.txt to filename.html so that Windows will treat the file as an HTML document.

How does XML handle metadata?

2010-03-19T21:27:00.000-07:00

Because XML lets you define your own markup languages, you can make full use of the extended hypertext features of XML (see the question on Links) to store or link to metadata in any format (eg using ISO 11179, as a Topic Maps Published Subject, with Dublin Core, Warwick Framework, or with Resource Description Framework (RDF), or even Platform for Internet Content Selection (PICS)).
There are no predefined elements in XML, because it is an architecture, not an application, so it is not part of XML's job to specify how or if authors should or should not implement metadata. You are therefore free to use any suitable method. Browser makers may also have their own architectural recommendations or methods to propose.

Where should I use XML?

2010-03-19T21:22:00.000-07:00

Its goal is to enable generic SGML to be served, received, and processed on the Web in the way that is now possible with HTML. XML has been designed for ease of implementation and for interoperability with both SGML and HTML.
Despite early attempts, browsers never allowed other SGML, only HTML (although there were plugins), and they allowed it (even encouraged it) to be corrupted or broken, which held development back for over a decade by making it impossible to program for it reliably. XML fixes that by making it compulsory to stick to the rules, and by making the rules much simpler than SGML.
But XML is not just for Web pages: in fact it's very rarely used for Web pages on its own because browsers still don't provide reliable support for formatting and transforming it. Common uses for XML include:
Information identification
because you can define your own markup, you can define meaningful names for all your information items. Information storage
because XML is portable and non-proprietary, it can be used to store textual information across any platform. Because it is backed by an international standard, it will remain accessible and processable as a data format. Information structure
XML can therefore be used to store and identify any kind of (hierarchical) information structure, especially for long, deep, or complex document sets or data sources, making it ideal for an information-management back-end to serving the Web. This is its most common Web application, with a transformation system to serve it as HTML until such time as browsers are able to handle XML consistently. Publishing
The original goal of XML as defined in the quotation at the start of this section. Combining the three previous topics (identity, storage, structure) means it is possible to get all the benefits of robust document management and control (with XML) and publish to the Web (as HTML) as well as to paper (as PDF) and to other formats (eg Braille, Audio, etc) from a single source document by using the appropriate stylesheets. Messaging and data transfer
XML is also very heavily used for enclosing or encapsulating information in order to pass it between different computing systems which would otherwise be unable to communicate. By providing a lingua franca for data identity and structure, it provides a common envelope for inter-process communication (messaging). Web services
Building on all of these, as well as its use in browsers, machine-processable data can be exchanged between consenting systems, where before it was only comprehensible by humans (HTML). Weather services, e-commerce sites, blog newsfeeds, AJaX sites, and thousands of other data-exchange services use XML for data management and transmission, and the web browser for display and interaction.

What is XML?

2010-03-19T21:10:00.000-07:00

XML is the Extensible Markup Language. It improves the functionality
of the Web by letting you identify your information in a more accurate,
flexible, and adaptable way.

Why is there extra space before or after my table?

2010-03-15T22:13:00.000-07:00

This is often caused by invalid HTML syntax. Specifically, it is often caused by loose content within the table (i.e., content that is not inside a TD or TH element). There is no standard way to handle loose content within a table. Some browsers display all loose content before or after the table. When the loose content contains only multiple line breaks or empty paragraphs, then these browsers will display all this empty space before or after the table itself.
The solution is to fix the HTML syntax errors. All content within a table must be within a TD or TH element.

Switch Case Statement

2010-03-02T19:26:00.000-08:00

The switch case statement can be used when certain statement have to be executed based upon a particular case. It has the following syntax :

switch(value)
{
case (value 1):
{
Statement(s)
break;
}
case (value n):
{
Statement(s)
break;
}
default:
{
Statement(s)
}
}

Break Statement?

2010-03-02T19:19:00.000-08:00

The break statement is used to exit from a loop and transfers the control of execution of the statement after the loop.Consider the following example,

for(i=0;i<10;i++)
{
if(i==5)
{
document.write(" Terminating the Loop...........")
document.write("
")
break
}
}

List of operators used in Javascript

2010-03-02T19:14:00.000-08:00

Assignment
Arithmetic
Comparison
Bitwise
Logical
String
Special

What is master page?

2010-03-01T05:25:00.000-08:00

A master page is a template for other pages,with shared layout and functionality.The master page define placeholders for content pages.The result page is a combination(merge) of the master page and the content page.

State some limitations of style sheets?

2010-02-28T04:43:00.001-08:00

Style sheets do have its own share of limitations some of them are as follows: -
1) Inconsistent browser support
2) Vertical control limitations
3) Margin collapsing, float containment, control of element shapes, etc
4) Lack of column declaration and variables are some of the limitations present in CSS.

What are cascading style sheets?

2010-02-28T04:40:00.000-08:00

Cascading style sheets help the designer in various ways. It primarily helps to design style sheets for content and HTML pages. It can be applied to any XML document or mark up language.

How to refer controls in a form in code?

2010-02-28T04:38:00.001-08:00

We refer to controls in a form by specifying the entire url of the document document.formname.control. That is, the document object contains all other objects including the form you want to use and the form contains the control you want to reach, so to refer to a ctrl form code by suppling its full name:document.formname.control.

Explain EMBED and NOEMBED and their supporting tags?

2010-02-28T04:36:00.001-08:00

Embed lets you embed a plug in in a web page to play multimedia inline or anything else a plug in can do. There are three required attributes HEIGHT, WIDTH AND SRC.
NOEMBED This tag displays text (hyperlinks) or HTML that doesn’t use embedded components. This is used to display text, hyperlinks and no embedded HTML.

What is the difference between TT, KBD, SAMP?

2010-02-28T04:18:00.002-08:00

TT: - This tag displays text in monospace “teletype” font. This is useful to create “teletype” text.
SAMP: -This tag styles text as sample program output. The ouput is usually displayed in a monospace font.
KBD: -This displays the text the user is supposed to enter, usually in bold or standard monospace font. The text which the user should enter is displayed in monospace font.

What is a MARQUEE element?

2010-02-28T04:18:00.001-08:00

The MARQUEE element is an internet explorer element that displays text in a moving “marquee” which can scroll, slide, or bounce in a horizontal strip. It is entirely dependent upon the programmer to set the size of the script in a MARQUEE.

Explain about OBJECT and PARAM?

2010-02-28T04:15:00.000-08:00

OBJECT : OBJECT command is used to embed objects such as active controls in webpages, tasks of APPLET, EMBED, BGSOUND, SOUND and IMG elements.
PARAM :Supplies parameters to the object specified by the enclosing OBJECT or APPLET element. Structure graphic control tell you what to draw.

Explain about iframe

2010-02-28T04:13:00.001-08:00

Internet explorer supports inline frames which are also called as floating frames. Inline frames can appear wherever you want them including in the middle of the page. All you have to do is specify the height and width of the frame after which you can load the HTML page into it. Inline frames are supported with the IFRAME element.

How ASP .NET different from ASP ?

2010-02-28T03:56:00.001-08:00

Scripting is separated from the HTML, Code is compiled as a DLL, these DLLs can be executed on the server.

What is smart navigation ?

2010-02-28T03:55:00.000-08:00

The cursor position is maintained when the page gets refreshed due to the server side validation and the page gets refreshed.

What is ViewState ?

2010-02-28T03:49:00.000-08:00

ViewState allows the state of objects (serializable) to be stored in a hidden field on the page. ViewState is transported to the client and back to the server, and is not stored on the server or any other external source. ViewState is used the retain the state of server-side objects between postabacks.

What is the Global.asax used for ?

2010-02-28T03:48:00.000-08:00

The Global.asax (including the Global.asax.cs file) is used to implement application and session level events.

What methods are fired during the page load ?

2010-02-28T03:45:00.000-08:00

Init() - when the page is instantiated
Load() - when the page is loaded into server memory
PreRender() - the brief moment before the page is displayed to the user as HTML
Unload() - when page finishes loading.

What is use of meta tag ?

2010-02-28T03:10:00.000-08:00

A meta tag is a special HTML tag that provides information about a Web page. It provides information such as who created the page, how often it is updated, what the page is about, and which keywords represent the page's content. Many search engines use this information when building their indices.

What is HTML ?

2010-02-23T18:58:00.000-08:00

HTML is a hypertext markup language which is used to create web pages.