Add Google Search Box in your Website

Hello Friends,
Today I am interested to teach you, how to add google search box in your website. It is very easy way to add a google search box in your web.  Let’s go-

Create a HTML file and give your desire name. I want to give the file name search.html and code are in below-

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>

<body>

</body>

</html>

 

These are the basic code of HTML. Now I want to add the search code into body section. The code are- Continue reading

Advertisements

Special Work in text field in HTML Form

Hello

We are ready to learn how to write onblue() and onfocus() mouse option. First we write simple HTML form in a HTML page. The code is like that-

<html>
<head>
<title>    </title>
</head>
<body>
<form name=”” id=”” method=”POST” action=””>
Search : <input type=”text” name=”” id=”” value=”Text” />
</form>
</body>

</html>

Then, we add some mouse options in text field. After adding that, It should be-

<input type=”text” name=”” id=”” value=”Text” onfocus=”if(this.value==’Text’)this.value=”” onblur=”if(this.value==”)this.value=’Text'”  />

Ok, then SAVE this file and browse this page. You will get beautiful result Insallah.

Thanks for reading this tutorial.


Submit Button with Image…

Hello

Now we are ready to learn to make a submit button by image. First we have to make a page with form.  Code is like bellow-

<html>
<head>
<title>    </title>
</head>
<body>
<form name=”” id=”” action=”” method=”POST”>
Enter User Name: <input type=”text” name=”” id=””/><br>
Password:<input type=”password” name=”” id=””/><br/>
<input type=”image” src=”submit.gif” onclick=”submit();”/>
</form>
</body>
</html>

Details: I just used here a submit button. Then, I make a form with user name box and password. Then I use <input type=”image” src=”image path” onclick=”submit();” />. When I click this image, then It works as a submit button for onclick=”submit();” function. This is the basic syntax to use image as a submit button.

You can download this image button CLICKING here.

Thanks for reading…

And Finally HTML Formatting…

HTML Formatting

In this lesson of the HTML tutorial, you will learn… 

  1. To use HTML formatting tags.
  2. The purpose of the <font> tag.
  3. To apply colors to a page.
  4. To align text.

Please note that in HTML 4.0 almost all of the tags and attributes covered in this lesson have been deprecated, meaning that, although browsers should continue to support them, developers should stop using them in favor of CSS.  The World Wide Web Consortium (W3C), along with many others, recommend using HTML to structure your web pages and to use Cascading Style Sheets (CSS) to apply formatting. For the most part, we agree with that recommendation, especially as time goes on and browser support for CSS is becoming more ubiquitous.

Continue reading

Crash Course in CSS and HTML

Crash Course in CSS

In this lesson of the CSS tutorial, you will learn… 

  1. To understand the benefits of Cascading Style Sheets.
  2. To use styles to redefine how elements are formatted.
  3. To create and use classes and ids.
  4. To use embedded style sheets, external style sheets, and inline styles.
  5. To specify the media types to which style rules should apply.
  6. To use <div> and <span> elements.
  7. To use the different units of measurement available in CSS.
  8. To understand how values are inherited.
  9. To import style sheets with @import.

Benefits of Cascading Style Sheets

In HTML 4.0, most HTML formatting elements have been deprecated, meaning that, although they are still supported by browsers, the World Wide Web Consortium (W3C) recommends that they no longer be used. Web designers are to use CSS instead.

Continue reading

HTML Forms

HTML Forms

In this lesson of the HTML tutorial, you will learn… 

  1. How HTML forms work.
  2. The difference between the post and get methods.
  3. How to create form elements.
  4. To use labels to make form elements more accessible.

How HTML Forms Work

HTML forms are used for submitting data back to a script on the server for data processing. When a form is submitted, the data in the form fields is passed to the server in the form of name-value pairs. Server-side scripts, which can be written in several different languages, are used to process the incoming data and return a new HTML page to the browser. The page returned to the browser could be anything from a “Thank you for registering” message or a list of search results generated from a database query.

Continue reading

HTML Table

HTML Tables

In this lesson of the HTML tutorial, you will learn… 

  1. To add an HTML table to a web page.
  2. To merge table cells.

Creating Tables

Tables are made up of one or more table rows, which contain one or more table cells. The tag for creating tables is <table>. The table row tag is <tr> and the two tags that can create table cells are <td> and <th>. Below is a simple table.

Continue reading