‘HTML’ Category
» posted on Saturday, May 9th, 2009 at 5:17 am by admin
What are HTML Meta tags ?
Html Meta Tag Details
Meta tags allow the most valuable feature that offer the web site owner that is the ability to control to some degree how their web pages are described by some search engines. They also offer the ability to prevent pages from being indexed at all.
They are information inserted into the “head” area of your web pages. Other than the title tag (explained below), information in the head area of your web pages is not seen by those viewing your pages in browsers. Meta tags, for example, can tell a browser what “character set” to use or whether a web page has self-rated itself in terms of adult content.
Meta tags are html tags that are included in the <head> tag along with the <title> tag. A meta tag is formatted in the following way,
<meta type=”name” content=”value”>
example of Meta tag
Meta elements can be used to specify page description, keywords and any other metadata not provided through the other head elements and attributes.
The meta element has four valid attributes: content, http-equiv, name and scheme. Of these, only content is a required attribute.
For example
<meta name=”description” content=”Free free script installation tutorails on HTML, CSS, XML, and XHTML” />
This meta element defines keywords for your page:
<meta name=”keywords” content=”HTML, DHTML, CSS, XML, XHTML, JavaScript” />
post a comment | filed under HTML
» posted on Thursday, May 7th, 2009 at 5:12 am by admin
What are HTML Frames ?
HTML Frames Details respect to Documents
Frames divide a browser window into two or more document windows, each displaying a different document, or a different part of the same document. Frames in an HTML document can cause a web page to appear to be divided into multiple, scrollable regions.
For each frame, you can assign a name, a source document locator, dimensions, border alignment and decorations, scroll and resize behaviors, loading and unloading behavior, file and topic maps, and style sheets.
Advantages of using frame in HTML documents (AS Per http://www.w3.org/)
Static frames. Elements that a user should always see, such as button bars, logos, copyright notices, and title graphics, can be placed in individual frames that are locked into place on the user agent window.
Live frames. Documents, icons, interactive forms, videos, multimedia, topic maps, and anything else that can react to user input or programmed activity.
As a user navigates a site in “live” frames, the contents of static frames remain fixed, even though adjoining frames redraw.
Functional tables of contents. A frame can contain interactive tables of contents (TOCs) with links that, when clicked, display results in an adjoining frame. These TOCs can be static or interactive with collapsible lists, graphical maps of document structure, or displays of file and link architectures.
Single-page query and answer displays. Frames designed side-by-side permit queries to be posed and answered on the same page, with one frame holding the query form, and the other presenting the results.
The disadvantages of using frames are:
The web developer must keep track of more HTML documents
It is difficult to print the entire page
HTML Frameset Tag
The <frameset> tag defines how to divide the window into frames
Each frameset defines a set of rows or columns
The values of the rows/columns indicate the amount of screen area each row/column will occupy
The Frame Tag
The <frame> tag defines what HTML document to put into each frame
In the example below we have a frameset with two columns. The first column is set to 25% of the width of the browser window. The second column is set to 75% of the width of the browser window. The HTML document “frame_a.htm” is put into the first column, and the HTML document “frame_b.htm” is put into the second column:
<frameset cols=”25%,75%”>
<frame src=”frame_a.htm”>
<frame src=”frame_b.htm”>
</frameset>
Frames in HTML documents are created and controlled through the structure of three element types: FRAMESET, FRAME and NOFRAMES
Tag
Description
<frameset>
Defines a set of frames
<frame>
Defines a sub window (a frame)
<noframes>
Defines a noframe section for browsers that do not handle frames
<iframe>
Defines an inline sub window (frame)
Note : Frames can be simple and well organized.
Always set the scrolling and resize options to optimize loadtime.
Using a simple menu/content frame design can reduce updates to massive sites. Instead of updating the menu on each page, you could simply update the menu.html file and be done with it!
How frame border and frame spacing is managed ?
Frame border and frame spacing is infact same
frameborder=”#” – A zero value shows no “window” border.
border=”#”- Modifies the border width, used by Netscape.
framespacing=”#” -Modifies the border width, used by Internet Explorer.
post a comment | filed under HTML
» posted on Wednesday, May 6th, 2009 at 5:42 am by admin
What are Html Image Tags ?
HTML Image Tag Details
In HTML, images are defined with the <img> tag.
The <img> tag is empty, which means that it contains attributes only and it has no closing tag.
To display an image on a page, you need to use the src attribute. Src stands for “source”. The value of the src attribute is the URL of the image you want to display on your page. Where Image can be gif,jpeg, png, or .bmp
Following are Html image Tags (attributes) with their functions and syntax below
IMG stands for “image.” It announces to the browser that an image will go here on the page. Yes, the image will pop up right where you write in the image tag.
SRC stands for “source.” This again is an attribute, a command inside a command. It’s telling the browser where to go to find the image. Again, it’s best for you to place the images you want to use in a subdirectory called “images”.
Syntax
<img src=”url” />
The browser puts the image where the image tag occurs in the document. If you put an image tag between two paragraphs, the browser shows the first paragraph, then the image, and then the second paragraph.
The Alt Attribute
The alt attribute is used to define an “alternate text” for an image. The value of the alt attribute is an author-defined text:
syntax
<img src=”boat.gif” alt=”Big Boat” />
he “alt” attribute tells the reader what he or she is missing on a page if the browser can’t load images. The browser will then display the alternate text instead of the image. It is a good practice to include the “alt” attribute for each image on a page, to improve the display and usefulness of your document for people who have text-only browsers.
Note:
The <img> tag embeds an image in an HTML page.
The <img> tag has two required attributes: src and alt.
Source credit : w3schools.com
post a comment | filed under HTML