Задание №2.1
Размещение текста и картинки.
Попробуйте изменить задание №3, добавив немного текста. Для этого откройте блокнот и сохраните документ по именем 4.html в вашу папку.
Запишите программный код:
<html>
<head>
</head>
<body bgcolor=#edf3ff>
<h1 align=center><font color=red>Название картинки</font></h1>
<img src="1.jpg" heigh="250">
<p> Однажды в студеную зимнюю пору<br>Сижу за решеткой в темнице сырой<br>Гляжу поднимается медленно в гору<br>Вскормленный в неволе орел молодой</p>
<p><font color=blue>Это картинку вставил студента 1-го курса Фамилия Имя</font></p>
</body>
</html>
Практическая работа №2.1
|
Иллюстрированный текст Ноутбук – это не просто мобильный компьютер, это замечательный инструмент, делающий вашу жизнь наполненной информацией, новыми технологиями; С ноутбуком вы не просто обычный гражданин, вы продвинутый во всех отношениях пользователь, с ноутбуком - вы Лидер! |
Практическая работа №3
Тема: «Создание списков в HTML»
Цель работы: изучить основные тэги для создания списков в html-документ и для их преобразования.
Оборудование и программное обеспечение: ПК, ОС Windows XP, Internet Explorer, текстовый редактор Блокнот.
Теоретический материал:
Создание списков в HTML
Нумерованные списки | <OL></OL> | <OL> <LI>пункт1 <LI>пункт2 <LI>пункт 3 </OL>, 1. пункт 1 2. пункт 2 3. пункт 3 |
Ненумерованные списки | <UL></UL> | <UL>
<LI>пункт1
<LI>пункт <LI>пункт 3
</UL>
|
Вложенные списки | <ul> <li>Глава1 <ul><li>Раздел1
<li>Раздел2</ul> <li>Глава2 <ul><li>Раздел1
<li>Разде2</ul> </ul>
|
Задание №3.
Организация текста внутри документа.
HTML позволяет определять внешний вид целых абзацев текста. Абзацы можно организовывать в списки, выводить их на экран в отформатированном виде, или увеличивать левое поле.
Ненумерованные списки: <ul>……</ul>
Текст, расположенный между метками <ul> и </ul>, воспринимается как ненумерованный список. Каждый новый элемент списка следует начинать с метки <LI>.
Создайте простейший список. Для этого откройте блокнот, сохраните документ под именем 5.html в вашу папку.
Запишите следующий программный код:
<html> <head> </head> <body bgcolor=#edf3ff> <ul> <li>Иван; <li>Данила; <li>Белая кобыла; </ul> </body> </html> |
Нумерованные списки: < OL>……</OL>
Ненумерованные списки устроены точно так же, как ненумерованные, только вместо символов, выделяющих новый элемент, используются цифры. Немного модифицируем листинг предыдущего кода:
<html>
<head>
</head>
<body bgcolor=#edf3ff>
<ol>
<li>Иван;
<li>Данила;
<li>Белая кобыла;
</ol>
</body>
</html>
Списки определений: <DL>…..</DL>
Списки определений отличаются от других видов списков. Вместо меток <li> в списках определений используются метки <DT> и <DD>.
Приведем пример листинг-кода такого списка:
<html> <head> </head> <body bgcolor=#edf3ff> <DL> <DT>HTML <DD>Термин HTML означает ‘язык маркировки гипертекстов’. Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли. <DT>HTML-документ <DD>Текстовый файл с расширением *.html </DL> </body> </html> |
HTML
Термин HTML означает ‘язык маркировки гипертекстов’.
Первую версию HTML разработал сотрудник Европейской
лаборатории физики элементарных частиц Тим Бернерс-Ли.
HTML-документ
Текстовый файл с расширением *.html