АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция

Теоретичні відомості. У HTML розрізняють марковані (неупорядковані) і нумеровані (упорядковані) списки, причому код списку є структурою із вкладених елементів

Читайте также:
  1. Базові відомості
  2. Відомості про складову частину документа // Відомості про ідентифікуючий документ. – Відомості про місцезнаходження складової частини в документі. – Примітки.
  3. Відомості, що становлять державну таємницю
  4. Властивості свідомості та її структура.
  5. Втрата свідомості, травми
  6. Глава 40. Кримінальне провадження, яке містить відомості, що становлять державну таємницю
  7. для підготовки до здачі іспиту з дисципліни «Теоретичні проблеми кримінального судочинства»
  8. Духовне життя суспільств. Структура суспільної свідомості
  9. Загальні відомості
  10. Загальні відомості
  11. Загальні відомості
  12. Загальні відомості

Створення списків

У HTML розрізняють марковані (неупорядковані) і нумеровані (упорядковані) списки, причому код списку є структурою із вкладених елементів.

Зовнішнім елементом є пари тегів:

<UL>... </UL> - для маркованого списку;

<OL>... < /OL> - для нумерованого списку.

Усередині цих тегів містяться елементи списку, які записуються за допомогою одиночних тегів:

<LI>Вміст рядка списку

Кількість елементів LI дорівнює кількості рядків у списку. Іноді на початку списку розташовують заголовок, що виділяється парним тегом <LH>... </LH>.

 

Для отримання маркованого списку на Web- сторінці маємо набрати такий код:

<UL>

<LH><!—Заголовок списку—></LH>

<LI><!—Перший рядок списку—>

<LI><!—Останній рядок списку—>

</UL>

Рядки списку відзначаються маркерами – маленькими затемненими кружечками, які прийняті за умовчанням. Щоб змінити цей вид маркерів, можна додати в елементи списку атрибут type="square" (маркер у вигляді заповненого квадратика) або type="circle" (маркер незаповнений кружечок).

 

Нумерований список формується із застосуванням зовнішнього парного тегу

OL>... </OL>, що обрамовує елементи списку. Нижче наведений код документа з нумерованим списком, а на малюнку показано, як його відображає броузер Internet Explorer.

<HTML>

<HEAD>

<ТІТLЕ>Нумерований список</ТІТLЕ>

</HEAD>

<BODY>

<Н2> Бої і битви Середзем'я </Н2>

<OL>

<LI> Битва поблизу Мінас-Тіриту;

<LI> Бій двох твердинь;

<LІ>Напад на Гондор;

<LІ>Заключний бій;

<LІ>Битва в Хобітанії;

</OL>

</BODY>

</HTML>

У наведеному прикладі нумерація елементів списку виконана арабськими цифрами. Стиль нумерації змінюється за допомогою атрибута type елемента LI Наприклад, type =A відповідає нумерації великими літерами англійського алфавіту (А, В, С,...), type =a це нумерація малими англійськими літерами (а, b, с,..); type =I нумерація за допомогою римських цифр (І, II, III,...).

Вставка зображення

Вставка зображення на Web-сторінку виконується одиночним тегом <IMG>. Усередині цього тегу обов'язково записується атрибут src, що вміщує URL зображення. Наприклад, потрібно розмістити на сторінці картинку з файла Lord.jpg. Для цього треба зберегти файл із зображенням у певній папці (наприклад, у тій самій папці, що і HTML-документ), а у документ ввести тег:

<IMG src="lord. jpg">

 

За умовчанням броузер використовуватиме реальні розміри зображення, яке зберігається в графічному файлі. Якщо потрібно змінити ці розміри, застосовують атрибути width (ширина) і height (висота) у тегу <IMG>. Значення розмірів зображення задаються звичайно у пікселах, наприклад, width="133" height="33". Можна також задавати ширину і висоту у відсотках розмірів зовнішнього елемента (сторінки). Наприклад, зображення, що задається тегом

<IMG src="lord. jpg" width="30%"> займе по ширині 30% сторінки, а висота буде розрахована броузером із зберіганням пропорцій.

Звичайно користувач бажає скласти уявлення про зміст сторінки, коли вона тільки почала завантажуватися. Тоді він зможе прийняти рішення, чи варто чекати повного завантаження сторінки. У цьому йому допоможуть написи на місці малюнків, що не завантажилися. Вони задаються атрибутами alt. Наприклад, така інструкція

<IMG src="photо. jpg" width="50%" alt "Моя фотографія">

замість малюнка, що не завантажився, виведе рамку із межами малюнка і помістить у неї текст «Моя фотографія».

Зображення-посилання

Гіперпосилання на Web-сторінках можна подавати не тільки як виділенний текст, а й у вигляді малюнка, Клацання мишею по такому малюнку призводить до завантаження нового HTML-документа або переходу в межах поточного документа.

Для створення зображення-посилання слід встановити у потрібному місці документа якірний тег <А> і вкласти до нього елемент IMG. Наприклад, якщо у документі розмістити елемент

<А href="http: //www. rambler. com">

<IMG src="logo. jpg" width="100" height="28">

</A>

то можна буде клацанням по малюнку з файла Logo.jpg завантажувати пошукову систему Рамблер.

 


1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |

Поиск по сайту:

Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Студалл.Орг (0.004 сек.)