Home » Blog » Design Google Page Using HTML 5

Design Google Page Using HTML 5

Here, <link> tag contains rel attribute which is used to control printing of various language.

<html>
<head>
	<title>Google</title>
	<link rel="stylesheet"href="https://fonts.googleapis.com/css?family=Tangerine">
</head>
<body>

	<table align="right" cellpadding="5" cellspacing="5" >
	
		<td><a href="" style="color:black;text-decoration:none">Gmail</a></td>
		<td><a href="" style="color:black;text-decoration:none">Images</a></td>
		<td><img src="gmenu.png" style="width:25px ; height:25px" />
		<td><input type="submit" value="Sign in" style="width:70px ; height:30px;background- color:#4c4cff; color:#FFFFFF;border:none; border-radius:3px;font-weight: bold" /></td>
		
	</table>

	<div align="center" style="padding:130">

		<img src="Google.png" style="width:430px ;height:140px;margin-left:90" />

		<input type="search" style="width:550px; height:42px; background:transparent;border:2px outset #f1f4f2;margin-left:100" />
		<img src="voice.png" style="width:20px ; height:30px" /><br><br>

		<input type="submit" name="search" value="Google Search" style="width:130px; height:35px; background-color:#f1f4f2;border:none;border-radius:3px;color:#6f8877;font-weight: bold;margin-top:20;margin-left:90">

		<input type="submit" name="lucky" value="I'm Feeling Lucky" style="width:130px; height:35px; background-color:#f1f4f2;border:none;border-radius:3px;font-weight: bold;color:#6f8877"> 

		<table style="margin-left:120;font-size:15">
			<td>Google offered in :</td>
			<td><a href="" style="color:#5458b2;text-decoration:none">हिन्दी</a></td>
			<td><a href="" style="color:#5458b2;text-decoration:none">বাংলা </a></td>			
			<td><a href="" style="color:#5458b2;text-decoration:none">తెలుగు</a></td>
			<td><a href="" style="color:#5458b2;text-decoration:none">मराठी  </a></td>
			<td><a href="" style="color:#5458b2;text-decoration:none">தமிழ்  </a></td>
			<td><a href="" style="color:#5458b2;text-decoration:none">ગુજરાતી  </a></td>
			<td><a href="" style="color:#5458b2;text-decoration:none">ಕನ್ನಡ  </a></td>
			<td><a href="" style="color:#5458b2;text-decoration:none">മലയാളം </a></td>
			<td><a href="" style="color:#5458b2;text-decoration:none">ਪੰਜਾਬੀ</a></td>
		</table>
	</div>

	<div style="border-top: 1px solid #969292;background-color:#eeeeee;margin-top;=1;height:35px;">
		<table cellspacing="7" style="color: #334d4d">
			<tr>
				<td>India</td>
			</tr>
		</table> 	
	</div>
	
	<div style="border-top: 1px solid #969292;background-color:#eeeeee;margin-top;1;height:30px">
		<table cellspacing="7">
			<tr>
				<td>
					<a href="" style="color: #334d4d;text-decoration:none">Advertising</a>
				</td>
	
				<td>
					<a href="" style="color: #334d4d;text-decoration:none">Business</a>
				</td>

				<td>
					<a href="" style="color:#334d4d;text-decoration:none">About</a>
				</td>
			</tr>
		</table>
	</div>
</body>
</html>

OutPut

Leave a Reply

Your email address will not be published.