Ноу Інти, лекція, списки html

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

Вибір типу списку

При прийнятті рішення про використання певного типу списку, зазвичай можна вирішити це, задаючи два простих питання:

  1. Визначаються терміни (або з'єднуються інші пари ім'я / значення)?
    • Якщо так, використовуйте список визначень.
    • Якщо ні, не використовуйте список визначень - перейдіть до наступного питання.
  • Чи важливий порядок елементів списку?
    • Якщо так, використовуйте впорядкований список.
    • Якщо немає, використовуйте невпорядкований список.

    Різниця між списками HTML і текстом

    Можна задатися питанням, у чому відмінність між списком HTML і якимось текстом з маркерами або числами, написаними вручну. Існує кілька переваг використання списку HTML:

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

    вкладені списки

    Приклад може містити інший цілий список - він називається "вкладеним" списком. Це може бути корисно для таких речей як таблиця контенту, такий як на початку лекції:

    Ключовим моментом, який треба пам'ятати, є те, що вкладений список повинен ставитися до одного конкретного елементу списку. Щоб відобразити це в коді, вкладений список поміщається всередину цього елемента списку. Код для наведеного вище списку виглядає наступним чином:

    Відзначимо, що вкладений список починається після елемента

  • і тексту, що містить список елемента ( "Глава один"); а закінчується перед елементом
    • . що містить список елемента. Вкладені списки часто формують основу для навігаційного меню Web-сайту, так як вони є зручним способом визначення структури Web-сайту.

    Теоретично можна вкласти будь-яку кількість списків, хоча на практиці це може внести плутанину при занадто глибокому вкладенні списків. Для дуже великих списків може бути краще розбити на кілька списків з заголовками, або навіть розбити на окремі сторінки.

    покроковий приклад

    Давайте розглянемо покроковий приклад, щоб зібрати все це разом. Розглянемо наступний сценарій:

    Давайте пройдемо через процес створення цього сайту. У цьому розділі ми займемося створенням розмітки, а також додамо деякий стильове оформлення для списків. Стильове оформлення не буде розглядатися детально до лекції про стильовому оформленні списків надалі в цій серії.

    Розмітка основної сторінки

    Створіть правильно сформовану сторінку HTML. включаючи doctype. елементи html. head і body. і збережіть його як stepbystep-main.html. Додайте основний заголовок (h1) "HTML Cooking School", і підзаголовок (h2) "Recipes":

    Відступ для елементів li робить код зручніше для читання, але не є обов'язковим.