Hello there! Today, I’m going to show you how to create a Google-like view in an HTML document. Follow these simple steps to achieve this:
Steps
- Open Notepad++
Start by opening Notepad++ or any other text editor of your choice. - Write the HTML Code
Copy and paste the following HTML code into your text editor:
<html>
<head></head>
<body>
<p align="center">
<font size=10 face="Berlin Sans FB Demi"><br><br>
<font color=Blue>G
<font color=yellow>o
<font color=orange>o
<font color=red>g
<font color=Green>l
<font color=Blue>e
<br><br>
<input type="text" size=40> <br>
<input type="submit" value="Google Search">
<input type="submit" value="I'm feeling lucky">
</body>
</html>- Save the File with a .HTML Extension
Save the file with a.htmlextension at your desired location. For example, you can name itgoogle_view.html. - Run with Any Web Browser
Locate the saved file and open it with any web browser (e.g., Google Chrome, Mozilla Firefox, Microsoft Edge). - See the Result
You will see a simple Google-like search page in your web browser.
Code Explanation
<html>: This is the root element of the HTML document.<head>: This contains meta-information about the document, but it’s empty in this example.<body>: This is where the content of the HTML document is defined.<p align="center">: This tag creates a paragraph and centers its content.<font size=10 face="Berlin Sans FB Demi">: This sets the font size and face for the text.<font color=Blue>G: These tags set the color of each letter in “Google”.<br><br>: These tags create line breaks.<input type="text" size=40>: This creates a text input box with a size of 40 characters.<input type="submit" value="Google Search">: This creates a submit button with the label “Google Search”.<input type="submit" value="I'm feeling lucky">: This creates another submit button with the label “I’m feeling lucky”.
By following these steps, you can create a simple HTML page that mimics the appearance of Google’s homepage. Enjoy experimenting with HTML!
Summary
Article Name
Creating a Google View in an HTML Document
Description
Hello there! Today, I'm going to show you how to create a Google-like view in an HTML document. Follow these simple steps to achieve this:
Author
unique21
Publisher Name
UCTC
Publisher Logo
Today, I went to the beach with my kids. I found a sea shell and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She placed the shell to her ear and screamed. There was a hermit crab inside and it pinched her ear. She never wants to go back! LoL I know this is entirely off topic but I had to tell someone!
Woah! I’m really digging the template/theme of this website. It’s simple, yet effective. A lot of times it’s very hard to get that “perfect balance” between usability and visual appeal. I must say that you’ve done a awesome job with this. Also, the blog loads super fast for me on Opera. Exceptional Blog!
If some one wishes to be updated with latest technologies after that he must be pay a quick visit this site and be up to date everyday.
An impressive share! I’ve just forwarded this onto a colleague who was conducting a little research on this. And he in fact bought me breakfast due to the fact that I found it for him… lol. So let me reword this…. Thank YOU for the meal!! But yeah, thanx for spending time to talk about this subject here on your web site.
Your means of telling all in this post is genuinely fastidious, all be able to easily know it, Thanks a lot.
you are in reality a excellent webmaster. The web site loading speed is incredible. It sort of feels that you’re doing any distinctive trick. Furthermore, The contents are masterpiece. you have performed a great activity in this subject!
What’s up, just wanted to mention, I enjoyed this blog post. It was practical. Keep on posting!
My developer is trying to convince me to move to .net from PHP. I have always disliked the idea because of the costs. But he’s tryiong none the less. I’ve been using WordPress on various websites for about a year and am anxious about switching to another platform. I have heard fantastic things about blogengine.net. Is there a way I can transfer all my wordpress posts into it? Any kind of help would be really appreciated!
Thanks for finally talking about > %blog_title% < Liked it!
Excellent post but I was wondering if you could write a litte more on this topic? I’d be very thankful if you could elaborate a little bit more. Thanks!
I visited several blogs however the audio quality for audio songs present at this site is actually excellent.