Blog
Please correct any errors below and try again.
HTML Trick With Meta Tag
Meta is a Latin word that means ‘with’. However, they are used to provide information about the Document itself. This type of information is relevant mostly to the Browser and not much to the user of that web-page.
Meta tag contains information and data that is of use to the Browser and/or the Search Engines. It basically contains information about the contents of the Document.
Here, I will demonstrate a HTML Trick with Meta tags in which the web-page will automatically load up another web-page and take the user to that web-page without any input from the user’s side, like a click or prompt.
Read More
HTML Trick With Forms
HTML Forms are used when we need the user’s input, like Name, Email Address, Age etc.
Through the usage of forms we can also take in the user’s choice in some particular scenario. A common use of Forms is in taking Feedback and Suggestions in any website.
Here we illustrate the code required to set up a Form to take Suggestions.
<FORM action="mailto:your@email.com" method="post">
<TABLE BORDER="0" CELLSPACING="1" CELLPADDING="4" WIDTH="75%">
<TR>
<TD width="20%"><DIV align="right">
<B>Name:</B>
</DIV>
</TD>
<TD width="80%">
<INPUT type="text" name="name" size="15">
</TD>
</TR>
<TR>
<TD><DIV align="right"><B>Email:</B></DIV>
</TD>
<TD>
<INPUT type="text" name="email" size="30">
</TD>
</TR>
<TR>
<TD><DIV align="right">
<B>Suggestions:</B>
</DIV>
</TD>
<TD><TEXTAREA name="suggestion" 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>
Here is how the above code will display a Suggestion Form.
Your browser may not support display of this image.
Here Name/Email/Suggestions are Input Fields for the user. We have made the input type as text (see the code) so the user will need to enter in, text in these Input Fields.
Basically, we have drawn a table in which we have placed the input fields and their markers. This ensures that all the fields are in line and look neat as well.
The 2 buttons at the bottom of the Form ‘Submit’ and ‘Reset’ are very essential. The Submit Button will take all the data entered by the user and save it accordingly as per the code.
Whereas, the Reset Button will clear out all the fields and the user would need to fill in the form again.
Read More
CSS Cheats
For any web developer style sheets are an important tool. However, learning and using CSS can be difficult at the beginning. These are few cheats and tricks that can be done by the use of Cascading Style Sheets.
Box Model Hack Alternative – This is usually used to solve problems of rendering in pre-Internet Explorer 6 browsers in PC. The border and padding are added along with the width of the element.
For example-
padding: 2em;
border: 1em solid green;
width: 20em;
width/**/:/**/ 14em;
All browsers can read the first command of width except for IE 5.x.
Read More
All About HTML Frames
Frames in HTML permits a number of html documents which can be displayed inside one browser window at one time. The significance of this is that there is one webpage that contains no content. However, this page specifies the browser which web pages the user requires to open. Frames usually have a menu in each frame and the content is contained in another frame. When the user selects a particular link from the menu, the related web page opens on the content page.
Read More
Welcome to our Blog
We hope to develop an active site geared towards the design and development community. From Photoshop and HTML tutorials, to timely links and freelancing tips, we’re gearing up to deliver content that’s relevant to your work cycle. Stay tuned for giveaways, freebies, and more!
Read More
