HTML Interview Question and Answer

Why is there extra space before or after my table?

2007-12-26T08:12:00.001-08: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.

Why doesn't use the full browser width?

2007-12-26T08:11:00.002-08:00

Graphical browsers leave a narrow margin between the edge of the display area and the content. Also note that Navigator always leaves room for a scrollbar on the right, but draws the scrollbar only when the document is long enough to require scrolling. If the document does not require scrolling, then this leaves a right "margin" that cannot be removed.

Can I use percentage values for ?

2007-12-26T08:11:00.001-08:00

The HTML 3.2 and HTML 4.0 specifications allow only integer values (representing a number of pixels) for the WIDTH attribute of the TD element. However, the HTML 4.0 DTD allows percentage (and other non-integer) values, so an HTML validator will not complain about .
It should be noted that Netscape and Microsoft's browsers interpret percentage values for differently. However, their interpretations (and those of other table-aware browsers) happen to match when combined with . In such situations, percentage values can be used relatively safely, even though they are prohibited by the public specifications.

How can I avoid using the whole URL?

2007-12-26T08:10:00.002-08:00

The URL structure defines a hierarchy (or relationship) that is similar to the hierarchy of subdirectories (or folders) in the filesystems used by most computer operating systems. The segments of a URL are separated by slash characters ("/"). When navigating the URL hierarchy, the final segment of the URL (i.e., everything after the final slash) is similar to a file in a filesystem. The other segments of the URL are similar to the subdirectories and folders in a filesystem.
A relative URL omits some of the information needed to locate the referenced document. The omitted information is assumed to be the same as for the base document that contains the relative URL. This reduces the length of the URLs needed to refer to related documents, and allows document trees to be accessed via multiple access schemes (e.g., "file", "http", and "ftp") or to be moved without changing any of the embedded URLs in those documents.
Before the browser can use a relative URL, it must resolve the relative URL to produce an absolute URL. If the relative URL begins with a double slash (e.g., //www.yoursite.com/faq/html/), then it will inherit only the base URL's scheme. If the relative URL begins with a single slash (e.g., /faq/html/), then it will inherit the base URL's scheme and network location.
If the relative URL does not begin with a slash (e.g., all.html , ./all.html or ../html/), then it has a relative path and is resolved as follows.

1. The browser strips everything after the last slash in the base document's URL and appends the relative URL to the result.
2. Each "." segment is deleted (e.g., ./all.html is the same as all.html, and ./ refers to the current "directory" level in the URL hierarchy).
3. Each ".." segment moves up one level in the URL hierarchy; the ".." segment is removed, along with the segment that precedes it (e.g., foo/../all.html is the same as all.html, and ../ refers to the parent "directory" level in the URL hierarchy).

Some examples may help make this clear. If the base document is , then

all.html and ./all.html
refer to
./
refers to
../
refers to
../cgifaq.html
refers to
../../reference/
refers to

Please note that the browser resolves relative URLs, not the server. The server sees only the resulting absolute URL. Also, relative URLs navigate the URL hierarchy. The relationship (if any) between the URL hierarchy and the server's filesystem hierarchy is irrelevant.

How can I use forms for pull-down navigation menus?

2007-12-26T08:10:00.001-08:00

There is no way to do this in HTML only; something else must process the form. JavaScript processing will work only for readers with JavaScript-enabled browsers. CGI and other server-side processing is reliable for human readers, but search engines have problems following any form-based navigation.

Can I have two or more actions in the same form?

2007-12-26T08:09:00.002-08:00

No. A form must have exactly one action. However, the server-side (e.g., CGI) program that processes your form submissions can perform any number of tasks (e.g., updating a database, sending email, logging a transaction) in response to a single form submission.

How can I use tables to structure forms?

2007-12-26T08:09:00.001-08:00

Small forms are sometimes placed within a TD element within a table. This can be a useful for positioning a form relative to other content, but it doesn't help position the form-related elements relative to each other. To position form-related elements relative to each other, the entire table must be within the form. You cannot start a form in one TH or TD element and end in another. You cannot place the form within the table without placing it inside a TH or TD element. You can put the table inside the form, and then use the table to position the INPUT, TEXTAREA, SELECT, and other form-related elements, as shown in the following example.

How can I eliminate the extra space after a form tag?

2007-12-26T08:08:00.000-08:00

HTML has no mechanism to control this. However, with CSS, you can set the margin-bottom of the form to 0. For example:

How do I set the focus to the first form field?

2007-12-26T08:07:00.000-08:00

You cannot do this with HTML. However, you can include a script after the form that sets the focus to the appropriate field, like this:
A similar approach uses to set the focus, but some browsers seem to process the ONLOAD event before the entire document (i.e., the part with the form) has been loaded.

How do I make a form so it can be submitted by hitting ENTER?

2007-12-26T08:06:00.001-08:00

The short answer is that the form should just have one and no TEXTAREA, though it can have other form elements like checkboxes and radio buttons.

Do I have to memorize a bunch of tags?

2007-12-26T08:05:00.002-08:00

No. Most programs that help you write HTML code already know most tags, and create them when you press a button. But you should understand what a tag is, and how it works. That way you can correct errors in your page more easily.

How can I check for errors?

2007-12-26T08:05:00.001-08:00

HTML validators check HTML documents against a formal definition of HTML syntax and then output a list of errors. Validation is important to give the best chance of correctness on unknown browsers (both existing browsers that you haven't seen and future browsers that haven't been written yet). HTML checkers (linters) are also useful. These programs check documents for specific problems, including some caused by invalid markup and others caused by common browser bugs. Checkers may pass some invalid documents, and they may fail some valid ones. All validators are functionally equivalent; while their reporting styles may vary, they will find the same errors given identical input. Different checkers are programmed to look for different problems, so their reports will vary significantly from each other. Also, some programs that are called validators (e.g. the "CSE HTML Validator") are really linters/checkers. They are still useful, but they should not be confused with real HTML validators. When checking a site for errors for the first time, it is often useful to identify common problems that occur repeatedly in your markup. Fix these problems everywhere they occur (with an automated process if possible), and then go back to identify and fix the remaining problems. Link checkers follow all the links on a site and report which ones are no longer functioning. CSS checkers report problems with CSS style sheets.

How do I use forms?

2007-12-26T08:03:00.002-08:00

The basic syntax for a form is: When the form is submitted, the form data is sent to the URL specified in the ACTION attribute. This URL should refer to a server-side (e.g., CGI) program that will process the form data. The form itself should contain * at least one submit button (i.e., an element), * form data elements (e.g., ,

How can I use tables to structure forms?

2007-12-26T08:03:00.001-08:00

...

In your CSS, use div
.center
{ text-align: center;

}
div.center table
{
margin-left: auto; margin-right: auto; text-align: left;
}

How do I align a table to the right (or left)?

2007-12-26T08:00:00.000-08:00

You can use to float a table to the right. (Use ALIGN="left" to float it to the left.) Any content that follows the closing

tag will flow around the table. Use
or
to mark the end of the text that is to flow around the table, as shown in this example: The table in this example will float to the right. ...

This text will wrap to fill the available space to the left of (and if the text is long enough, below) the table.
This text will appear below the table, even if there is additional room to its left.

Can I nest tables within tables?

2007-08-13T09:43:00.000-07:00

Yes, a table can be embedded inside a cell in another table. Here's a simple example:

this is the first cell of the outer table

this is the second cell of the outer table, with the inner table embedded in it

this is the first cell of the inner table

this is the second cell of the inner table

The main caveat about nested tables is that older versions of Netscape Navigator have problems with them if you don't explicitly close your TR, TD, and TH elements. To avoid problems, include every , , and tag, even though the HTML specifications don't require them. Also, older versions of Netscape Navigator have problems with tables that are nested extremely deeply (e.g., tables nested ten deep). To avoid problems, avoid nesting tables more than a few deep. You may be able to use the ROWSPAN and COLSPAN attributes to minimize table nesting. Finally, be especially sure to validate your markup whenever you use nested tables.

What is a DOCTYPE? Which one do I use?

2007-08-13T09:39:00.000-07:00

According to HTML standards, each HTML document begins with a DOCTYPE declaration that specifies which version of HTML the document uses. Originally, the DOCTYPE declaration was used only by SGML-based tools like HTML validators, which needed to determine which version of HTML a document used (or claimed to use). Today, many browsers use the document's DOCTYPE declaration to determine whether to use a stricter, more standards-oriented layout mode, or to use a "quirks" layout mode that attempts to emulate older, buggy browsers.

How do I create frames? What is a frameset?

2007-08-13T09:34:00.000-07:00

Frames allow an author to divide a browser window into multiple (rectangular) regions. Multiple documents can be displayed in a single window, each within its own frame. Graphical browsers allow these frames to be scrolled independently of each other, and links can update the document displayed in one frame without affecting the others. You can't just "add frames" to an existing document. Rather, you must create a frameset document that defines a particular combination of frames, and then display your content documents inside those frames. The frameset document should also include alternative non-framed content in a NOFRAMES element. The HTML 4 frames model has significant design flaws that cause usability problems for web users. Frames should be used only with great care.

What is HTML ?

2007-08-13T09:30:00.001-07:00

HTML, or HyperText Markup Language, is a Universal language which allows an individual using special code to create web pages to be viewed on the Internet.
HTML ( H yper T ext M arkup L anguage) is the language used to write Web pages. You are looking at a Web page right now.
Answer1: HTML, or HyperText Markup Language, is a Universal language which allows an individual using special code to create web pages to be viewed on the Internet. Answer2: HTML ( H yper T ext M arkup L anguage) is the language used to write Web pages. You are looking at a Web page right now. You can view HTML pages in two ways: * One view is their appearance on a Web browser, just like this page -- colors, different text sizes, graphics. * The other view is called "HTML Code" -- this is the code that tells the browser what to do.
More info visit at: http://www.interviewghost.com

Account:
Password: