Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь КАТЕГОРИИ: АрхеологияБиология Генетика География Информатика История Логика Маркетинг Математика Менеджмент Механика Педагогика Религия Социология Технологии Физика Философия Финансы Химия Экология ТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
Различные типы упорядоченных списков
<html><body> <h4>Список проектов с цифрами:</h4><ol> <li>intuit.ru</li> <li>osp.ru</li> <li>file.ru</li></ol> <h4>Список с буквами:</h4><ol type="A"><li>intuit.ru</li> <li>osp.ru</li> <li>file.ru</li></ol> <h4>Список с буквами нижнего регистра:</h4><ol type="a"><li>intuit.ru</li> <li>osp.ru</li> <li>file.ru</li></ol> <h4>Список с римскими цифрами:</h4><ol type="I"><li>intuit.ru</li> <li>osp.ru</li> <li>file.ru</li></ol> <h4>Список с римскими цифрами в нижнем регистре:</h4><ol type="i"><li>intuit.ru</li> <li>osp.ru</li> <li>file.ru</li></ol> </body></html> Пример выполнения данного HTML-кода Различные типы неупорядоченных списков <html><body> <h4>Список со значком кругом:</h4><ul type="disc"><li>intuit.ru</li> <li>osp.ru</li> <li>file.ru</li></ul> <h4>Список со значком окружностью:</h4><ul type="circle"><li>intuit.ru</li> <li>osp.ru</li> <li>file.ru</li></ul> <h4>Список со значком квадратом:</h4><ul type="square"><li>intuit.ru</li> <li>osp.ru</li> <li>file.ru</li></ul> </body></html>Пример выполнения данного HTML-кода Вложенный список <html><body> <h4>Вложенный список:</h4><ul> <li>элемент 1</li> <li>элемент 2</li> <ul> <li>элемент 2.1</li> <li>элемент 2.2</li> </ul> <li>элемент 3</li></ul> </body></html> <html><body> <h4>Вложенный список:</h4><ul> <li>элемент 1</li> <li>элемент 2</li> <ul> <li>элемент 2.1</li> <li>элемент 2.2</li> <ul> <li>элемент 2.2.1</li> <li>элемент 2.2.2</li> </ul> </li> </ul> </li> <li>элемент 3</li></ul> </body></html>Пример выполнения данного HTML-кода Список определений <html><body> <h4>Список определений:</h4><dl> <dt>элемент 1</dt> <dd>описание элемента 1</dd> <dt>элемент 2</dt> <dd>описание элемента 2</dd></dl> </body></html>Пример выполнения данного HTML-кода Теги списков
Лекция: Изображения в HTML
В HTML предусмотрен целый ряд возможностей для работы с мультимедиа. Это встраивание графики и использование звуков, применение анимационных роликов и видеофильмов. Применение мультимедийных возможностей является далеко не последним аргументом в борьбе за привлечение новых пользователей web-сайта, в то же время при использовании мультимедиа необходимо соблюдать чувство меры. Хорошо оформленная web-страница позволит привлечь и удержать внимание посетителей, в то же время чрезмерное увлечение изображениями, звуковыми эффектами и т.п. может затруднить просмотр страницы (при медленных каналах связи) или отпугнуть чересчур навязчивыми мелодиями. В общем случае при использовании мультимедиа на web-страницах желательно придерживаться следующих правил: оформление сайта должно соответствовать его содержанию, применение графики и мультимедиа должно упрощать навигацию по сайту, должна быть предусмотрена возможность работы с web-страницей для медленных каналов связи (замещающие надписи, дублирующие текстовые меню или специальные текстовые варианты страницы). В рамках данного курса будут рассмотрены возможности HTML по использованию изображений на web-страницах. Примеры Вставка изображений <html><body> <p>Изображение:<img src="logo.gif"height="52"></p> <p>Динамическое изображение:<img src="100x100_4.gif"height="100"></p> <p>Обратите внимание, что синтаксис вставки динамического изображения не отличается от синтаксиса для обычного изображения. </p> </body></html>Пример выполнения данного HTML-кода Этот пример показывает, как вывести изображения на Web-странице.
|
|||||||||||||||||||||||
Последнее изменение этой страницы: 2021-03-10; просмотров: 47; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.138.33.87 (0.004 с.) |