-
Notifications
You must be signed in to change notification settings - Fork 0
/
searchcode.html
53 lines (53 loc) · 2.2 KB
/
searchcode.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Linking to Google</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1 style="color: red; text-align:left;">Linking to</h1>
<a href="index.html">
<img class="center" src="img/googlebeta.jpg" alt="Google">
</a>
</header>
<p>
If you would like to allow Google searches from your web page, we welcome you to use the code snippet below for that purpose.
</p>
<p>You can make any reasonable modification to the snippet, such as taking out the centering code, making the text box wider or narrower, or changing the background color (note, however, that the background for the Google logo is white, not transparent).</p>
<p>Here is the code:</p>
<pre>
<!-- Search Google! -->
<center>
<FORM method=GET action=http://www.google.com/search>
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/google40.jpg" border="0" ALT="Google!" align="middle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT type=submit name=sa VALUE="Google Search">
</TABLE>
</FORM>
</center>
<!-- Search Google! -->
</pre>
<p>and here is what it looks like:</p>
<a href="index.html">
<img src="img/google40.jpg" alt="Google">
</a>
<input class="searchbar" type="text" size="40"/>
<button type="button">Google Search</button>
<br>
<p>If you prefer, instead of using the above search box, you can place a link to
<a href="index.html">Google</a>
We have a lovely
<a href="logos.html">assortment of pictures</a>
that you can use for this purpose; however, you may feel free to use the picture of your choice.
</p>
<footer style="text-align: center">
<small>Copyright ©1998 Google Inc.</small>
</footer>
</body>
</html>