Работа с HTML

Практическая работа

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

Цель: формирование навыка созданияHTML - документа, содержащего текстовую область, бегущую строку и графические объекты.

Задание: Создайте HTML - документ, содержащий текстовую область, бегущую строку по образцу.

Откройте блокнот и создайте документ под именем index.html , используя Памятку«Основные теги языка программированияHTML».

Вставьте текст: Здоровое питание, сохраните документ и просмотрите через браузер.

Создайте бегущую строку имеющей текст и рисунок

для этого делаем запись:

<marquee><fontsize="6">Здоровое питание<imgsrc="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 - документа

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

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

Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/163496-rabota-s-html