Чтобы создать HTML-страницу, похожую на страницу поиска Google, вы можете выполнить следующие действия:
-
Создайте базовую структуру HTML:
<!DOCTYPE html> <html> <head> <title>Google Search Page</title> </head> <body> <!-- Your content here --> </body> </html> -
Добавьте логотип Google:
<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="Google Logo"> -
Создайте поле ввода и кнопку поиска:
<form action="https://www.google.com/search" method="GET"> <input type="text" name="q" placeholder="Search..."> <button type="submit">Search</button> </form> -
Добавить ссылки на результаты поиска:
<h3>Search Results:</h3> <ul> <li><a href="#">Result 1</a></li> <li><a href="#">Result 2</a></li> <li><a href="#">Result 3</a></li> <!-- Add more results as needed --> </ul> -
Включите CSS для оформления страницы:
<style> body { font-family: Arial, sans-serif; background-color: #f2f2f2; } form { margin-top: 20px; } input[type="text"] { padding: 5px; width: 300px; } button { padding: 5px 10px; background-color: #f2f2f2; border: none; cursor: pointer; } ul { list-style-type: none; padding: 0; } li { margin-bottom: 10px; } </style>
Это базовый пример HTML-страницы, напоминающей страницу поиска Google. Вы можете улучшить его, добавив больше элементов, стилей и функций. Не забывайте соблюдать Условия использования Google, если планируете использовать какой-либо из их ресурсов или имитировать их страницу.