Ну что, готовы учить html? Пойдем игровым экспериментальным путем.
Итак, просто, не во что не вникая, откройте блокнот и скопируйте туда это:
<html> <head> </head> <body> </body> </html>
И сохраните его как index.html. Сразу же откройте браузером.
Будет интересно.
Добавьте в body "bgcolor="yellow" text="green":
<body bgcolor="yellow" text="green">
И сохраните. Перегрузите в браузере страницу. Она ложна быть желтая.
Теперь поменяйте yellow на black и сохраните, перегрузите страницу в браузере. Теперь страница будет черная. Теперь напишите red или все, что позволит Ваша фантазия, хоть blue. Поэкспериментируйте так со всеми цветами, которые Вы знаете, - yellow, green, blue, grey, red,gold. Ну или orange (оранжевый). Все, что хотите.
Теперь, наэкспериментировавшись с этим, вставьте между <body> и </body> какой-то текст на английском (на русском пока нельзя, не заработает):
<html> <head> </head> <body bgcolor="blue" text="white"> Hello </body> </html>
А теперь, оставьте значение фона в покое и поиграйте с текстом (text). Например, напишите
<html> <head> </head> <body bgcolor="blue" text="green> Hello </body> </html>
Интересно, правда? Теперь Вы знаете, как установить цвет фона и текста (но они не должны совпадать, иначе текст не будет видно). Здорово!
Задача. Напишите красный текст на белом фоне "My name is" Ваше имя латинскими (русский пока нельзя).
Дальше идем.
Напишите так:
<html> <head> <title>Hello</title> </head> <body bgcolor="blue" text="white"> Hello </body> </html>
И посмотрите, как изменилось название окна браузера или вкладки - оно станет Hello. Напишите вместо Hello "My page". И посмотрите, как изменилось название в браузере.
Напишите название страницы от души, все, что пожелаете.
Идем дальше. Напишите
<html> <head> <title>Hello</title> </head> <body bgcolor="blue" text="white"> Hello<br>Hello </body> </html>
Что получилось?
Замените <br> на 2 <br> (<br><br>), на три <br> (<br><br><br>).
Ну, что изменилось? Напишите от души <br> и какой-то текст, что пожелаете.
Теперь напишите
<html> <head> <title>Hello</title> </head> <body bgcolor="blue" text="white"> <a href="http://google.com">Google.com</a> </body> </html>
Ну? Смогли перейти на сайт гугл? Это ссылка. А теперь напишите вместо Google.com просто Google:
<html> <head> <title>Hello</title> </head> <body bgcolor="blue" text="white"> <a href="http://google.com">Google</a> </body> </html>
А теперь напишите так:
<html> <head> <title>Hello</title> </head> <body bgcolor="blue" text="white"> <a href="http://google.com/search?q=translate+description+russian">Google</a> </body> </html>
Ну, что такое description?
Теперь напишите
<html> <head> <title>Hello</title> </head> <body bgcolor="blue" text="white"> <a href="http://google.com/search?q=translate+description+russian">Description</a> </body> </html>
Поняли? Между ссылкой стоит описание))) Здорово, правда?
Вставьте ссылок от души с каким угодно описанием, хоть adacadabra. Ссылки разделяйте <br> (новая строка), или хотя-бы пробелами. Понравилось? Читайте дальше!!!