CODING HTML

HTML VERTICAL RULES

2011-04-28T00:12:00.001-07:00

WWW.HTMLCODING5.BLOGSPOT.COM
HTML & XHTML: The Definitive Guide (6th Edition)
If you're looking for a way to add an HTML vertical rule or line divider to your web page, you have most likely discovered that this isn't possible with HTML code. However, you can do so using an image.

In addition, you can also use an image to create a horizontal rule within your HTML code.

The image below, which looks like this (a tiny blue dot): is a 2 pixel by 2 pixel image. This single image can be used to create an HTML vertical or horizontal line within your web page simply by changing the HTML image code HEIGHT and WIDTH attributes.

Note: In order for this HTML code to work properly, you will need to create an image that is 2 pixels by 2 pixels in size and upload it to your web server. You will then need to link to the image within your HTML image code.

If you'd like to use the image in this example, you're welcome to copy it.

Here's how:

Place your mouse pointer over the little blue dot (enlarged to assist you) below. Right click, and go to 'Save Picture As.' A window will load and enable you to select the folder on your computer in which you'd like to save the image.

Here's the image:

<IMG SRC="image.gif" WIDTH="2" HEIGHT="2" BORDER="0">

<IMG SRC="image.gif" WIDTH="200" HEIGHT="2" BORDER="0">

<IMG SRC="image.gif" WIDTH="200" HEIGHT="5" BORDER="0">

<IMG SRC="image.gif" WIDTH="2" HEIGHT="200" BORDER="0">

<IMG SRC="image.gif" WIDTH="5" HEIGHT="200" BORDER="0">
Edit the text indicated in bold to suit your needs.

HTML vertical rules provide a great way to divide your web page contect areas and add a bit of color to your web page.
HTML5 For Dummies Quick Reference (For Dummies (Computer/Tech))

KEEP ENHANCING UR VISITOR BY THIS HTML CODE

2011-04-28T00:11:00.000-07:00

WWW.CODINGHTML5.BLOGSPOT.COM Introducing HTML5 (Voices That Matter)

If you're using a list management system that requires specific text to be placed within the email subject or body of your email, this HTML code is for you.

Many times, if you request your visitors to type in a specific email subject or body text in order to subscribe to your publication, they may not type the required text correctly. This mistake will cause you to lose your subscriber, as your system will reject the subscription request.

To prevent this problem, you can create an email link that will automatically fill in the subject line and body when clicked on.
CODINGHTML5.BLOGSPOT.com
Add the following code to your HTML.

<A HREF="mailto:MY@MYdomain.com?subject=Your Subject&body=Message for the body">MY@MYdomain.com</a>
Pro HTML 5 Programming

CODING HTML PREVENT BROWSER CACHE

2011-04-27T23:55:00.001-07:00

WWW.CODINGHTML5.BLOGSPOT.COM
If you're looking for a way to prevent browser cache, this HTML tip will assist you.
Learn HTML and CSS with w3Schools

Meta tags are used to give detailed instructions in regard to a web page to the Search Engines and browsers.

When you get visitors coming to your web site, your visitors browser will cache or make a copy of your web site for faster viewing their next visit. This will prevent your regular visitors from seeing your new content unless they manually reload their browser.

If you don't regularly update your web site, browser cache may not be a problem. However, if you're continuously updating your web site, you may want to prevent browser cache to ensure your regular visitors will see the latest version of your web site.

You can prevent browser cache simply by including a special META tag within your HTML code.

Add the following code between the <HEAD> and </HEAD> tags of your HTML.

<META http-equiv="Pragma" content="no-cache">
Learn CSS with w3Schools

HTML CODING:GRAPHIC BULLETS IN HTML

2011-04-22T01:05:00.001-07:00

WWW.CODINGHTML5.BLOGSPOT.COM
If you're looking for a way to spice up your HTML list bullets, this HTML tip is for you. You can use graphic bullets to replace the standard text bullets by using the "Definition List" tag. <DL>

The key to using this technique effectively is to select or create a small graphic that will compliment your list text and enhance your visitors experience on your web site.
Copy and paste the following HTML list code into the HTML portion of your web page.

<DL>
<DD><IMG SRC="yourimage.gif">List Item One</DD>
<DD><IMG SRC="yourimage.gif">List Item Two</DD>
<DD><IMG SRC="yourimage.gif">List Item Three</DD>
<DD><IMG SRC="yourimage.gif">List Item Four</DD>
</DL>

Using graphic bullets within your HTML web pages will enable you to give your lists your own customized look.The Web Designer's Idea Book, Vol. 2: More of the Best Themes, Trends and Styles in Website Design

HOW TO DISPLAY HTML TABLE WITH BORDER

2011-04-22T01:02:00.000-07:00

WWW.CODINGHTML5.BLOGSPOT.COM
Head First HTML with CSS & XHTML
// HAVE PASSION AND STUDY U WILL DEFINITELY MAKE A BOOM IN WEBPAGE
If you've ever tried to display an HTML table with borders within your web page, you may have discovered that unless you are displaying some text or an image within a table cell, the border will not display. However, this HTML tip will enble you to display an HTML table with borders even if some of your cells are empty.
Following is an HTML table that contains some empty table cells. Notice the borders do not display within the empty table cells.

Your Text Your Text
Your Text
Simply by adding the special   character code within your HTML code, your HTML table cells will be visible.

Your Text Your Text
Your Text

Copy and paste the following HTML code into the HTML portion of your web page.

<TABLE BORDER CELLPADDING="4">
<TR>
<TD>Your Text</TD>
<TD> </TD>
<TD>Your Text</TD>
</TR>
<TR>
<TD> </TD>
<TD>Your Text</TD>
<TD> </TD>
</TR>
</TABLE>
Place the   character within the table cells that will be empty.

CHANGE UR WEBPAGE MARGINS

2011-04-22T00:59:00.001-07:00

If you would like to change or remove your web page margins, you can change them by placing the following attributes within your <body> tag.

To change or remove the top, bottom and side page margins on a web page, place the following code within your <body> tag:

This code is compatible with both Internet Explorer and Netscape Navigator.

Internet Explorer supports:

topmargin=0
bottommargin=0
leftmargin=0
rightmargin=0

Netscape Navigator supports:

marginheight=0
marginwidth=0

Make sure you use them all to enable your web page to be properly viewed in both browsers.
<body topmargin=0 bottommargin=0 leftmargin=0 rightmargin=0 marginheight=0 marginwidth=0>

HOW TO ADD A PASSWORD FIELD TO A FORM IN HTML

2011-04-21T06:08:00.000-07:00

WHEN U WANT A SITE VISITOR TO ENTER A PASSWORD TO VISIT UR WEBSITE ADD A PASSWORD FIELD TO UR REGISTRATION FORM
AFTER YOU PLACE THE ONE-LINE TEXT BOX ON UR FORM ,ASSIGN IT AN INTERNAL NAME.
<INPUT TYPE="PASSWORD" NAME ="PASSWORD ">.
An internal name is not displayed on the form,but identifies the field in the form results.When the form is submitted the name and contents of the field are included in the form results.

WWW.CODINGHTML5.BLOGSPOT.COM
Harry Potter Years 1-6 Giftset [Blu-ray]

IMAGE AS A LINK

2011-04-21T06:01:00.000-07:00

TO USE AN IMAGE AS A LINK WE HAVE TO PERFORM FOLLOWING STEPS:
1.CREATE A LINK.
2.ADD AN IMAGE TO THE WEBPAGE.
FOR EXAMPLE:
<A HREF="http://WWW.CODINGHTMLFORU.BLOGSPOT.COM">
<IMG SRC="FIRST.JPG">
</A>
<HTML>
<HEAD>
<TITLE>IMAGE AS A LINK</TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER"><B>STORAGE DEVICE</B></H1>
<TABLE BORDER="1" WIDTH ="100%">
<TR>
<TD WIDTH="17%">
<A HREF ="STORAGEDISKETTE.HTM">
<IMG BORDER="0"SRC="/DISKETTE.JPG" WIDTH="100" HEIGHT="100">
</A>
</TD>
<TD WIDTH="83%">STORAGE REFERS TO THE MEDIA AND METHODS USED TO KEEP INFORMATION AVAILABLE FOR LATER USE</TD>
</TR>
</TABLE>
</BODY>
</HTML>
NOW U CAN ENJOY SOCIAL NETWORKING THROUGH :

WWW.FACEBOOK.COM

PREFORMATTED TEXT IN HTML-PRE TAG

2011-04-21T05:50:00.000-07:00

THE <PRE>TAG IS USED WHEN YOU WANT TO KEEP THE SAME AMOUNT OF WHITE SPACE ON UR WEBPAGES AS YOU HAVE IN YOUR HTML CODE IN UR TEXT EDITOR.THIS IS USEFUL WHEN YOU HAVE TO POST PROGRAMMING CODE.
HERE IS AN EXAMPLE:
<PRE>
X=1;
Y=2;
IF(X= =1)
Y=2;
</PRE>
AND THIS SOMEWHAT REDUNDANT CODE GIVES YOU THIS:
X=1;
Y=2;
IF(X==1)
Y=2;
UNDERSTAND IT AND ENJOY.................

CHANGING TABLE BACKGROUNG COLOR

2011-04-21T05:40:00.001-07:00

CHANGING TABLE BACKGROUNG COLOR..................

If you're looking for a great way to spice up your HTML tables, this HTML mouseover code may be just what you're looking for.

Place your mouse pointer over each of the HTML table cells below to view this HTML mouseover effect. The HTML table cells will change to a specified color when you place your pointer over the cells.

This HTML code will enable you to give your HTML tables a more professional look and feel, as it will greatly improve the presentation of your HTML table data.

However, when using this HTML code, please ensure that you only use light colors within your HTML table cells to ensure your text can be easily viewed.
HTML table data 1
HTML table data 2
HTML table data 3
Place the following code within the <TR> or <TD> tag of your HTML table code:
onMouseover="this.bgColor='#EEEEEE'"onMouseout="this.bgColor='#FFFFFF'"
Your table code might look something like this:

<TABLE BORDER="2" CELLPADDING="2" WIDTH="100%">
<TR onMouseover="this.bgColor='#EEEEEE'"onMouseout="this.bgColor='#FFFFFF'">
<TD>Your Table Data</TD>
</TR>
<TR onMouseover="this.bgColor='#EEEEEE'"onMouseout="this.bgColor='#FFFFFF'">
<TD>Your Table Data</TD>
</TR>
<TR onMouseover="this.bgColor='#EEEEEE'"onMouseout="this.bgColor='#FFFFFF'">
<TD>Your Table Data</TD>
</TR>
</TABLE>

USE OF SPAN IN XHTML SPAN TAGS...

2011-04-06T01:33:00.000-07:00

<SPAN> </SPAN>

Here are just a few ways you can use XHTML SPAN tags.

Mouseover code.

Highlight text code.

You can highlight your text any color you like.

<span style="background-color: #FFFFF00">You can highlight your text any color you like</span>

Colored Text Code.

You can add colored text

<span style="color: red; font-size: 14pt">You can add colored text</span>

Adding background Image to text code.

You can add a background image to your text.

<SPAN STYLE="background-image: url(plainbgrnd.jpg)">You can add a background image to your text.</SPAN>

Alt tag on text code

HOVER YOUR MOUSE HERE.

<span title="ISN'T THIS SOOOOOO COOL!"><b>HOVER YOUR MOUSE HERE.</b></span>

To add an alt tag to a text link would be like this;
<span><a href="index.html" title="this is so cool" target="_blank">Click Here For HEMANTROCKS</a></span>

buttons

2011-03-29T00:03:00.000-07:00

u can use type =submit or reset as u want in ur webpage.
the code to use is:
submit button causes data to be sent to the server
and reset set the form fields back to the default values.
<input type="Submit"name ="sub1"value="click here">

radio button

2011-03-28T23:59:00.000-07:00

<input type="radio">radio button exist in group and only one button can be checked in each group...
forex:
<input type="radio"name="radio1"value="option1"checked >option1
<input type="radio"name="radio1"value="option2"checked >option2
<input type="radio"name="radio1"value="option3"checked >option3

checkbox

2011-03-28T23:55:00.000-07:00

<input types="checkbox">is tag used for the check box.
for ex:
<input type="checkbox" name="check1" value="yes"checked>

add a scrolling text to a form

2011-03-28T23:52:00.000-07:00

use the following code:
<textarea name="text1"rows="2"cols="10">this is the content of the text area tag</textarea>

form designing

2011-03-28T23:45:00.000-07:00

more information can be to ur form such as required inputs, additional fields etc.
<!start form>
<form method =post action="hemantrocks_2011@yahoo.in">
what is ur age?
<INPUT TYPE="text"name="age"value=""cols="30"size="30">
<INPUT TYPE="submit"name="submit"value="submit">
through this coding in ur website the data or input that was asked "age".when the user clicked the submit button the data they submit will be emailed to u.
Add a one line text box in ur form:
it uses the <input type="name"size=40>
when u want to accept one lineof in formation form ur visitor ,add one line box to ur form.

drop down list:add a drop down menu to a form

2011-03-28T23:27:00.000-07:00

when u want ur visitor to choose from a given list use this:
when the form is submitted ,the name of the menu is included in the form results,followed bya lsit of values for the selected choices.
<select name="select1"Size=40>
<option value="choice1"Selected>choice1
<option value="choice2"Selected>choice2
<option value="choice3"Selected>choice3
</select>

TO ADD DATE IN UR WEB

2011-03-28T22:55:00.000-07:00

FOLLOW IT:
<html>
<head>
hi</head>
<title>
bye
</title>
<body><SCRIPT language="JavaScript">
 </SCRIPT>
</body>
</html>

FOR A CREATING A STATIONARY IMAGE IN UR WEB

2011-03-28T22:01:00.000-07:00

<!for creating an stationary image> USE THE FOLLOWING CODE:
	<STYLE TYPE="text">
	<!--
	BODY { background-image: url(COMPLETE PATH OF UR IMAGE) }
	BODY { background-repeat: no-repeat }
	BODY { background-position: center }
	-->
	</STYLE>

FOR LINKING TAGS USED IN HTML

2011-03-22T10:28:00.000-07:00

<A HREF="http://www.codingeverytime.blogspot.com">displaytext</A>
FOR EX:
<A HREF="http://WWW.CODINGEVERYTIME.BLOGSPOT.com" STYLE="TEXT-DECORATION: NONE">Your Link</A>

adding image in ur website

2011-03-22T10:25:00.000-07:00

THIS IS SIMPLE AND INTERESTING...
ADD<IMG SRC="IMAGE.GIF">BETWEEN UR BODY PART...
FOR EX:
<IMG SRC="image.gif" WIDTH="5" HEIGHT="200" BORDER="0">USE IT AND SEE THE RESULT....

for creating form

2011-03-22T10:22:00.001-07:00

<! for creating form for suggestion>
	<FORM action="mailto:hempreet86@yahoo.co.in" method="post" enctype="text/plain">
	<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="4" WIDTH="90%">
	<TR>
	<TD width="30%"><DIV align="right">
	<B>Name:</B>
	</DIV>
	</TD>
	<TD width="70%">
	<INPUT type="text" name="name" size="20">
	</TD>
	</TR>
	<TR>
	<TD><DIV align="right"><B>Email:</B></DIV>
	</TD>
	<TD>
	<INPUT type="text" name="email" size="20">
	</TD>
	</TR>
	<TR>
	<TD><DIV align="right">
	<B>Comment:</B>
	</DIV>
	</TD>
	<TD><TEXTAREA name="comment" cols="30" wrap="virtual" rows="4">
	</TEXTAREA>
	</TD></TR>
	<TR>
	<TD> </TD>
	<TD>
	<INPUT type="submit" name="submit" value="Submit">
	<INPUT type="reset" name="reset" value="Reset">
	</TD></TR>
	</TABLE>


	</FORM>

TABLES IN HTML

2011-03-22T10:21:00.000-07:00

A<TABLE>TAG IS USED TO AD A TABLE TO THE WEBPAGE..THERE AR VARIOUS ATTRIBUTES ASSOCIATED WITH THE TABLE TAG ARE AS:
1.CAPTION:TABLE CAPTION
2.COLGROUP: table column group
3.COL: table column
4.TBODY:table body
5.TR:table row
6.TD:table data cell
7.TH:table header cell
for ex:

<! for maknig a table and writing in that>
	<TABLE BORDER="2" BORDERCOLOR="#C6C6C6" CELLPADDING="4" ALIGN="Center" WIDTH="50%">
	<TR>
	<TD BGCOLOR="#EAE8E8">welcome to the world of fun</TD>
	</TR>
	</TABLE>

ORDER LISTING AND UNORDERED LISTING

2011-03-20T07:39:00.000-07:00

FOR UNORDERED LISTING USE <UL>AND </UL>:THESE SHOWS CLOSING AND OPENING TAGS..TO SET OFF EACH ITEM IN THE LIST WE USE <LI>TAG..

FOR EX:
<UL>
<LI>I AM ITEM ONE.
<LI>I AM ITEM TWO.
</UL>
USE ABOVE CODE AND PASTE IN NOTEPAD AND SEE THE RESULT...
FOR ORDERED LISTING USE:
<OL>AND </OL>
FOR EX:
<OL>
<LI>COME
<LI>LETS
<LI>GO
</OL>
THE OUTPUT FOR THESE WILL BE
1.COME
2.LETS
3.GO
USE CODE ANDSEE THE RESULT....

adding colors to the web pages

2011-03-18T05:48:00.000-07:00

<body bgcolor="gray">
or using hex codes
<body bgcolor="#000000 link="#A6CAf0" text="#808080">
BG FOR BACKGROUND COLOR
LINK FOR LINK COLOUR
TEXT FOR TEXT COLOR...
ENJOY THE COLORFUL WORLD OF HTML
A MARQUE ON A PAGE IS USED TO DISPLAY A HORIZONTALLY SCROLLING TEXT MESSAGE........
<MARQUE>HI FRIENDS</MARQUE>
THIS TEXT WILL MOVE FROM LEFT TO RIGHT JUST WRITE ON NOTEPAD AND HAVE FUN.......
#000080="BLUE"AND #FFOOOO="RED"