Практическая работа "Вставка текстовой области, бегущей строки, таблицы в 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> задание строки

Антидепрессанты:<br>- Шоколад <br>- Миндаль<br>- Морепродукты <br>- Овсянка <br>- Бананы,

черника, клубника

</td> завершение создания ячейки

Сохраните и просмотрите через браузер, затем самостоятельно достройте таблицу после чего

</tr> окончание задания строки

</table> окончание создания таблицы

</body> - завершение страницы

</html> - завершение HTML - документа

Текст для текстовой области

Мозг можно назвать центральным компьютером нашего организма, который контролирует работу

всех органов нашего тела. Для выполнения этой задачи требуется своевременное и правильное

питание, чтобы не происходило быстрого изнашивания клеток мозга. Для поддержания мозга в

рабочем состояния необходима пища богатая белком. Наилучшим источником белка следует

признать пищу животного происхождения: мясо, яйца и молочные продукты. Из продуктов

растительного происхождения наилучшим источником белка являются бобовые, зеленые листовые

овощи, цельное зерно, а также орехи и семена.