news

Урок-03:

Блочні та рядкові теги.
Теги для позначення форм та таблиць.

ЗМІСТ (посилання-якір):



Приклади Блокових елементів:

Блоковий елемент <p> — займає повністю увесь рядок

Блоковий елемент <div> — займає повністю увесь рядок

Блоковий елемент <form> — займає повністю увесь рядок

Блоковий елемент <h1> — займає повністю увесь рядок

Блоковий елемент <article> — займає повністю увесь рядок

  • Блоковий елемент <li> — займає повністю увесь рядок
  • Приклади Рядкових елементів:

    Рядковий елемент <a> — займає місце по своєму вмісту Рядковий елемент <b> — займає місце по своєму вмісту Рядковий елемент <span> — займає місце по своєму вмісту

    корисне джерело інформації
    Так відображається НЕ весь контент: Це тег Це тег
    Так відображається ВЕСЬ контент : Це тег <span>
    Символ № Символ ℗ Символ < Символ > Символ ⟺ Символ ⟺
    корисне джерело інформації

    Приклад таблиці з конспекту:

    Train schedule
    Train number Route Travel time
    433 London - Paris 5 hours
    701 New York - Chicago 7 hours
    258 Oslo - Warsaw 4 hours

    Приклад таблиці з ДЗ-3 Бойко Владислава:

    Таблиця розкладу занять Бойко Владислава
    Розклад пар Дні тижня
    Понеділок Вівторок Середа Четвер П'ятниця
    1 пара нема Фізкультура Інформатика Захист України Математика
    2 пара Основи економ теорії/нема Англійська Фізкультура/біологія Екологія Укр.мова
    3 пара Укр.літ Хімія/заруб. літ Основи Економічної теорії Правознавство Фізика
    4 пара Інформатика математика Фізика Всесвітня історія/ історія України Нема
    Форми, Радіо-кнопки, Чекбокси та інше...

    Елемент <input> та значення з його полів за допомогою JS:

    Name:

    Password:

    Елемент <form> (I варіант <label>):

    Елемент <form> (II варіант <label>):

    Choose a color:

    Select size:

    What are your hobbies?

    Selected value: 40

    Простий <select>:

    Групування опцій у <select>:

    Простий <datalist>:

    <datalist> де опції та значення не збігаються:

    Enter your contact details
    Your favourite programming language
    I want to receive