Практическая работа "Вставка текстовой области, бегущей строки, таблицы в HTML-документ"


Практическая работа
Вставка текстовой области, бегущей строки, таблицы в HTML-документ.
Цель: формирование навыка создания HTML - документа, содержащего текстовую область, бегущую
строку и графические объекты.
Задание: Создайте HTML - документ, содержащий текстовую область, бегущую строку по образцу.
Откройте блокнот и создайте документ под именем index.html , используя Памятку «Основные
теги языка программирования HTML».
Вставьте текст: Здоровое питание, сохраните документ и просмотрите через браузер.
Создайте бегущую строку имеющей текст и рисунок
для этого делаем запись:
<marquee><font size="6">Здоровое питание<img src="40.jpg"></marquee></font>
создайте рисунок 40.jpg с заданными атрибутами - ширина 55 и высота 35, в графическом
редакторе Paint.
Создайте текстовую область
для этого делаем запись:
<textarea cols=50 rows=20 wrap="on">текст смотри ниже</textarea>
Вставка графического файла
создаем рисунок с заданными атрибутами - ширина 505 и высота 325, в графическом редакторе
Paint, сохраняем как 4. jpg в папку где сохранён файл index.html
после этого делаем запись <img src="4.jpg"> - вставка рисунка
Сохраните и просмотрите через браузер.
Вставка таблицы.
Пользуясь Памяткой «Основные теги языка программирования HTML» создаём таблицу:
для этого делаем запись:
<table border="1"> вставка таблицы
<tr> задание строки
<td width="330" bgcolor="#ccff00"><font color="#000066"> <font size="5">
Антидепрессанты:<br>- Шоколад <br>- Миндаль<br>- Морепродукты <br>- Овсянка <br>- Бананы,
черника, клубника
</td> завершение создания ячейки
Сохраните и просмотрите через браузер, затем самостоятельно достройте таблицу после чего
</tr> окончание задания строки
</table> окончание создания таблицы
</body> - завершение страницы
</html> - завершение HTML - документа
Текст для текстовой области
Мозг можно назвать центральным компьютером нашего организма, который контролирует работу
всех органов нашего тела. Для выполнения этой задачи требуется своевременное и правильное
питание, чтобы не происходило быстрого изнашивания клеток мозга. Для поддержания мозга в
рабочем состояния необходима пища богатая белком. Наилучшим источником белка следует
признать пищу животного происхождения: мясо, яйца и молочные продукты. Из продуктов
растительного происхождения наилучшим источником белка являются бобовые, зеленые листовые
овощи, цельное зерно, а также орехи и семена.