Сразу оговорюсь, пишу для людей, имеющих средне-пользовательское
представление о компьютере, и не буду углубляться в
"понятия".
Делаем первый шаг.
1.Открываем notepad
и записываем туда следующее:
Это будет как бы рубашка для новой странички.
Эталон для всех страниц HTML, дальше мы будем вращивать туда
все остальное.
Шаг второй 2.
Сохраняем это в любое, удобное для вас место (например папку "Мои документы").
Рекомендую для удобства создать специальную
папку.
В появившемся окне выбрать папку, куда вы сохраняете ваш документ,
дать ему любое имя (лучшего всего латинскими буквами) и обязательно расширение
(три буквы, следующие после точки) html - это важно! Например:
masha.html
обратите внимание:
Пол дела сделано :)
3.Теперь начнем
эксперементировать
Дальше я буду называть слово
тэг
. Тэгами называются команды, заключенные в кавычки
- например - <br> - это тэг).
Первое - напишите что-нибудь
между тэгами <title>
</title>
Например: <title> Моя
первая страничка
на HTML</title>
-Сохраните (нажмите Ctrl + S)
-Закройте документ
-Теперь идите на то место, куда вы сохранили этот документ и
вы увидите на этом месте иконку браузера
-Откройте. Появится чистый документ браузера, где наверху (указано красной стрелочкой)
есть текст, написанный вами между тэгами <title> Моя
первая страничка на HTML</title>
Теперь, чтобы продолжить редактировать вашу страничку
необходимо вновь открыть редактор, но уже из этого браузера
Выбираете меню View -
Source
И у вас вновь открывается документ notepad
Следующий этап - написание заголовка.
Все, что у нас будет на нашей страничке мы пишем между
двумя тэгами
<body>
и </body> - это начальный тэг тела странички и
конечный, обозначенный косой.
Для примера напишем там слово "Первый заголовок"
Теперь сохраните документ
А в вашем браузере обновите страничку, нажав refresh
Теперь вы увидете эти слова в самом браузере
Вот мы научились писать на нашей страничке.
Текст можно оформлять любым образом, делать его больше,
жирным, косым, разноцветным - все, что пожелаете.
Для этого используют различные тэги.
Например, вы хотите увеличить этот текст, заключаем его
между тэгами <FONT></FONT>
Пример:
<FONT size=5>Первый заголовок</FONT>
Естественно, размер шрифта вы можете менять, изменяя
показатель size. А чтобы сделать текст жирным заключим его
между тэгами
<strong> </strong> :
<STRONG><FONT size=5>Первый
заголовок</FONT></STRONG>
Каждый раз, чтобы проверить результат изменений в браузере
вы должны сохранить документ, а потом обновить браузер
так, как я объясняла выше
Вот что у вас должно получиться:
А чтобы
заголовок был строго по центру
напишем так:
<CENTER><STRONG><FONT size=
6>Первый
заголовок</FONT></STRONG></CENTER>
В заключении раскрасим наш заголовок красным цветом, присвоив
тэгу <FONT> атрибут color =
red
<CENTER><STRONG><FONT
color = red size=
6>Первый
заголовок</FONT></STRONG></CENTER>
и результат будет следующим:
Следующий этап - вставка картинки на
страничку.
Найдите любую картинку или фотографию и сохраните её в той же
папке, что и ваш документ
Теперь, что бы вставить её напишите тэг <img>
и при помощи атрибута <src> вставте название файла этой картинки
<img src =
"pictures.jpg">
