Підказки з написання

  • Дозволені теґи HTML: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <p> <br> <span> <img src alt height width data-entity-type data-entity-uuid data-align data-caption>

  • Можна вирівняти зображення, відео, блоки цитування тощо по лівій чи правій стороні, або по центру. Наприклад:

    • Вирівняти зображення по лівій стороні: <img src="" data-align="left" />
    • Вирівняти зображення по центру: <img src="" data-align="center" />
    • Вирівняти зображення по правій стороні: <img src="" data-align="right" />
    • … таким чином можна вирівняти будь-який інший об'єкт: <video src="" data-align="center" />
  • Можна підписати зображення, відео, блоки цитування тощо. Приклади:

    • <img src="" data-caption="Це підпис" />
    • <video src="" data-caption="Танок Drupal" />
    • <blockquote data-caption="Дріс Байтаєрт">Drupal - це щось!</blockquote>
    • <code data-caption="Привіт, світ у JavaScript.">alert("Привіт, світ!");</code>
  • В тегах < img > можуть бути використані лише зображення, розміщені на цьому сайті.
  • Дозволені теґи HTML: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>

    Цей сайт підтримує HTML-вміст. В той час як повне вивчення HTML є непростим завданням, засвоїти використання невеликої кількості основних тегів HTML дуже просто. В цій табличці наводяться приклади застосування тегів, що дозволені на сайті.

    Щоб отримати додаткову інформацію, перегляньте HTML Living Standard або скористайтеся улюбленою пошуковою системою, щоб знайти інші сайти, які пояснюють HTML.

    Опис теґа Ви пишете Отримуєте
    Якори використовують для створення посилань на інші сторінки. <a href="http://www.drupal.games">Beetroot UA</a> Beetroot UA
    Курсив <em>Курсив</em> Курсив
    Виділений <strong>Виділений</strong> Виділений
    Цитата <cite>Цитата</cite> Цитата
    Процитований блок <blockquote>Процитований блок</blockquote>
    Процитований блок
    Текст для показу вихідного програмного коду <code>Вихідний код</code> Вихідний код
    Ненумерований список – використовуйте <li> для початку кожного елементу списку <ul> <li>Перший елемент</li> <li>Другий елемент</li> </ul>
    • Перший елемент
    • Другий елемент
    Пронумерований список - використовуйте <li> на початку кожного елементу списку <ol> <li>Перший елемент</li> <li>Другий елемент</li> </ol>
    1. Перший елемент
    2. Другий елемент
    Немає довідки для теґу li.
    Списки визначень подібні до інших списків HTML. <dl> починає увесь список визначень, <dt> починає кожний термін для визначення і <dd> починає безпосередньо опис терміна. <dl> <dt>Перший термін</dt> <dd>Перше визначення</dd> <dt>Другий термін</dt> <dd>Друге визначення</dd> </dl>
    Перший термін
    Перше визначення
    Другий термін
    Друге визначення
    Немає довідки для теґу dt.
    Немає довідки для теґу dd.
    Заголовок <h2>Підзаголовок</h2>

    Підзаголовок

    Заголовок <h3>Заголовок третього рівня</h3>

    Заголовок третього рівня

    Заголовок <h4>Заголовок четвертого рівня</h4>

    Заголовок четвертого рівня

    Заголовок <h5>Заголовок п'ятого рівня</h5>
    Заголовок п'ятого рівня
    Заголовок <h6>Заголовок шостого рівня</h6>
    Заголовок шостого рівня

    Більшість незвичних символів можна без жодних проблем вводити напряму.

    Якщо виникають проблеми, спробуйте використати мнемонічні символи HTML. Типовий приклад виглядає наступним чином: використовуйте &amp; для вводу символу амперсанду &. Повний список мнемонічних символів дивіться на сторінці специфікації HTML про мнемоніки. Деякі доступні символи:

    Опис символу Ви пишете Отримуєте
    Амперсанд &amp; &
    Більше ніж &gt; >
    Менше ніж &lt; <
    Лапки &quot; "
  • Рядки та абзаци розпізнаються автоматично. Теґи переносу рядка <br />, абзацу <p>, та кінця абзацу </p> додаються автоматично. Якщо абзаци не розпізнано, просто додайте кілька порожніх рядків.
  • Адреси вебсторінок та адреси електронної пошти автоматично перетворюються у посилання.
  • Дозволені теґи HTML: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <s> <sup> <sub> <img src alt data-entity-type data-entity-uuid data-align data-caption> <table> <caption> <tbody> <thead> <tfoot> <th> <td> <tr> <hr> <p> <h1> <pre>

    Цей сайт підтримує HTML-вміст. В той час як повне вивчення HTML є непростим завданням, засвоїти використання невеликої кількості основних тегів HTML дуже просто. В цій табличці наводяться приклади застосування тегів, що дозволені на сайті.

    Щоб отримати додаткову інформацію, перегляньте HTML Living Standard або скористайтеся улюбленою пошуковою системою, щоб знайти інші сайти, які пояснюють HTML.

    Опис теґа Ви пишете Отримуєте
    Якори використовують для створення посилань на інші сторінки. <a href="http://www.drupal.games">Beetroot UA</a> Beetroot UA
    Курсив <em>Курсив</em> Курсив
    Виділений <strong>Виділений</strong> Виділений
    Цитата <cite>Цитата</cite> Цитата
    Процитований блок <blockquote>Процитований блок</blockquote>
    Процитований блок
    Текст для показу вихідного програмного коду <code>Вихідний код</code> Вихідний код
    Ненумерований список – використовуйте <li> для початку кожного елементу списку <ul> <li>Перший елемент</li> <li>Другий елемент</li> </ul>
    • Перший елемент
    • Другий елемент
    Пронумерований список - використовуйте <li> на початку кожного елементу списку <ol> <li>Перший елемент</li> <li>Другий елемент</li> </ol>
    1. Перший елемент
    2. Другий елемент
    Немає довідки для теґу li.
    Списки визначень подібні до інших списків HTML. <dl> починає увесь список визначень, <dt> починає кожний термін для визначення і <dd> починає безпосередньо опис терміна. <dl> <dt>Перший термін</dt> <dd>Перше визначення</dd> <dt>Другий термін</dt> <dd>Друге визначення</dd> </dl>
    Перший термін
    Перше визначення
    Другий термін
    Друге визначення
    Немає довідки для теґу dt.
    Немає довідки для теґу dd.
    Заголовок <h2>Підзаголовок</h2>

    Підзаголовок

    Заголовок <h3>Заголовок третього рівня</h3>

    Заголовок третього рівня

    Заголовок <h4>Заголовок четвертого рівня</h4>

    Заголовок четвертого рівня

    Заголовок <h5>Заголовок п'ятого рівня</h5>
    Заголовок п'ятого рівня
    Заголовок <h6>Заголовок шостого рівня</h6>
    Заголовок шостого рівня
    Немає довідки для теґу s.
    Надрядковий <sup>Над</sup>рядковий Надрядковий
    Підрядковий <sub>Під</sub>рядковий Підрядковий
    Немає довідки для теґу img.
    Таблиця <table> <tr><th>Шапка таблиці</th></tr> <tr><td>Комірка таблиці</td></tr> </table>
    Шапка таблиці
    Комірка таблиці
    Немає довідки для теґу caption.
    Немає довідки для теґу tbody.
    Немає довідки для теґу thead.
    Немає довідки для теґу tfoot.
    Немає довідки для теґу th.
    Немає довідки для теґу td.
    Немає довідки для теґу tr.
    Немає довідки для теґу hr.
    За замовчуванням теґи абзаців додаються автоматично, тож використовуйте цей теґ, щоб додати їх ще. <p>Перший абзац.</p> <p>Другий абзац.</p>

    Перший абзац.

    Другий абзац.

    Заголовок <h1>Заголовок</h1>

    Заголовок

    Відформатований текст <pre>Відформатований текст</pre>
    Відформатований текст

    Більшість незвичних символів можна без жодних проблем вводити напряму.

    Якщо виникають проблеми, спробуйте використати мнемонічні символи HTML. Типовий приклад виглядає наступним чином: використовуйте &amp; для вводу символу амперсанду &. Повний список мнемонічних символів дивіться на сторінці специфікації HTML про мнемоніки. Деякі доступні символи:

    Опис символу Ви пишете Отримуєте
    Амперсанд &amp; &
    Більше ніж &gt; >
    Менше ніж &lt; <
    Лапки &quot; "
  • Рядки та абзаци розпізнаються автоматично. Теґи переносу рядка <br />, абзацу <p>, та кінця абзацу </p> додаються автоматично. Якщо абзаци не розпізнано, просто додайте кілька порожніх рядків.
  • Адреси вебсторінок та адреси електронної пошти автоматично перетворюються у посилання.
  • Можна вирівняти зображення, відео, блоки цитування тощо по лівій чи правій стороні, або по центру. Наприклад:

    • Вирівняти зображення по лівій стороні: <img src="" data-align="left" />
    • Вирівняти зображення по центру: <img src="" data-align="center" />
    • Вирівняти зображення по правій стороні: <img src="" data-align="right" />
    • … таким чином можна вирівняти будь-який інший об'єкт: <video src="" data-align="center" />
  • Можна підписати зображення, відео, блоки цитування тощо. Приклади:

    • <img src="" data-caption="Це підпис" />
    • <video src="" data-caption="Танок Drupal" />
    • <blockquote data-caption="Дріс Байтаєрт">Drupal - це щось!</blockquote>
    • <code data-caption="Привіт, світ у JavaScript.">alert("Привіт, світ!");</code>
  • Не дозволено жодних HTML теґів.
  • Рядки та абзаци розпізнаються автоматично. Теґи переносу рядка <br />, абзацу <p>, та кінця абзацу </p> додаються автоматично. Якщо абзаци не розпізнано, просто додайте кілька порожніх рядків.
  • Адреси вебсторінок та адреси електронної пошти автоматично перетворюються у посилання.