Список заданий.
методические указания по выполнению:
1. Прочитать до конца.
2. Строго выполнять инструкции!
Для написания кода Web-страницы можно взять любой текстовый редактор, например Блокнот. Но удобней использовать специализированный
BRED, он позволяет выполнять файлы с расширением .htm.
Файл пишется тегами. И, чтобы никто не перепутал, что это гипертекстовый файл, ставим первый тег <HTML>. Имеется закрывающий тег </HTML>, между ними размещается содерхимое всего файла.
Строка, которая отображается в заголовке броузера, пишется в тегах <TITLE> Заголовок </TITLE>.
Вся видимая часть файла заключена между тегами <BODY> и </BODY>. Там же набираем текст. В любом месте и в любое время. Заголовки в тексте выделяются тегами <H1> - <H6>.
Для обозначения параграфа используем тег <P>, атрибуты используем для форматирования <P align="left">, <P align="justify"> текста.
Теперь основные конструкции языка изучены и можно приступать к созданию гипертекстового файла , но сначала определим задачи.
Что же мы хотим получить в результате кропотливого труда и неимоверных усилий. Понятно, что сверкающую и переливающую всеми цветами радуги Интернет Web-страницу. Ну а конкретно? Что будет на ней? Давайте упростим задачу и создадим страничку, неравномерно разделенную на четыре части. Где вверху будут заголовок, слева управляющие элементы, в большом окне Контент, внизу личные данные, почта..
Но сначала напишем свою первую страничку и сохраним ее в файл с расширением \DOC\One_ABC.htm. Запускаться она будет автоматически при нажатии клавиши [Enter].
Откройте Блокнот или BRED и наберите текст первого задания. Не забывайте закрывать теги! Между скобкой и текстом не должно быть пробела!
Первое задание
Моя первая Web-страница.
<HTML>
<TITLE> Моя первая Web-страница </TITLE>
<BODY>
<P align="left" > <br>
Мир и зелен был, и рыж,<br>
Конским щавелем поросший.
Но однажды поглядишь:
Как-то меньше стало крыш.
Преображена порошей
<P align="right"><br>
Эта дачная дыра - <br>
До вселенского двора,
До белейшего простора...
- Полно. Не ори "ура":
Первый снег растает скоро.
</BODY>
</HTML>
Теперь нажмите
[первую]кнопку и сравните результат: исправьте, дополните. Как видите второй куплет уехал в право и имеет неровные левые края строк. И чтобы их выровнять придется применять таблицы, но это будет не скоро!