Як створити список на web сторінці - верстка html

Перелік на WEB сторінці

Для приємного уявлення інформації на WEB сторінках нерідко вживаються списки. Списки можуть бути нумерований і ненумерований. Зробимо нову сторінку нашого WEB сайту, на якій вставимо ненумерований перелік.

Зробіть структуру WEB документа, надрукувавши головні теги:

Формує HTML документ

Як заголовок документа в тезі введіть: Чим ми займаємося ?:

Чим ми займаємося?

Такий же заголовок для переліку введіть в тілі документа між тегами і , використавши для його відображення теги

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

Чим ми займаємося?

Самостійно підберіть колір фону сторінки і колір тексту, вказавши належні значення для атрибутів bgcolor і text у відчиненому тезі , наприклад, так:

Увага. Теги bgcolor і text для body є застарілими, потрібно змінювати формат тексту через стилі.

Пам'ятайте, але, що колір тексту повинен бути таким, щоб текст добре читався на обраному тлі. Якщо атрибути кольору не вказувати, то за замовчуванням текст буде відображатися чорним кольором на білому тлі.

складаємо перелік

Зараз вставимо на сторінку ненумерований перелік з інформацією про сферу діяльності компанії SD. Ненумеровані списки створюються за допомогою пари тегів

    , які обмежують перелік. Між ними розміщується стільки частин, що починаються з тега
  • , скільки елементів у списку.

    Вставте порожній рядок під рядком з кодом

    Чим ми займаємося?

    і введіть в тілі документа наступний код:

  • Створенням нових і розвитком наявних автоматичних систем управління технологічними процесами на промислових об'єктах.

  • Плануванням та установкою "під ключ" локальних і глобальних обчислювальних систем.

  • Створення систем охоронної та пожежної сигналізації, включаючи системи пожежогасіння і контролю доступу.

    Зверніть увагу: тег

  • може вживатися як одиночний, іншими словами без парного, закриває тега
  • . Але щоб наші HTML сторінки котирувалися відмінно в очах інших WEB майстрів і пошукових машин то потрібно використовувати парні теги, іншими словами
  • .

    Щоб завершити введення коду буде закінчений, збережіть документ в папці WEB під ім'ям list.html.

    Скориставшись командою меню Файл - Відкрити (File - Open) у браузері Internet Explorer. відкрийте файл list.html з папки WEB.

    Річ у тім, кожен елемент ненумерованого переліку виділяється особливим маркером. У нумерованому переліку кожен елемент буде відзначатися його порядковим номером. Для створення нумерованих списків вживаються теги

      , між якими також поміщаються елементи
    1. .

      Додаткова інформація по темі

      Інструкція, як без навичок створювати свої перші web (html) сторінки в Інтернет власними силами

      Опис технології і основних принципів роботи і розміщення анімації на web - сторінках

      Схожі статті