Основні теги html для сайту

Отже, нижче представлені описи поширених html тегів, які використовуються мало не на кожній сторінці сайту. Повірте, їх вже вистачить, щоб написати цілий сайт.

Основні теги html для сайту

Контактні дані html

1. Html тег

(Для абзаців)

- виводить текстовий абзац (допускає атрибути style, class, id). Найпоширеніший тег, оскільки в нього найчастіше поміщають текст (втім він для цього і створений).

Наприклад, html код:

Перетвориться на сторінці в наступне:

Текстовий абзац номер один

А це інший абзац

До тегу можна ще приписати параметр style:

За допомогою цих різних значень можна редагувати зовнішній вигляд тексту. Про ці параметри можна прочитати в окремому уроці: стилі в html і властивість css font.

Також можна прописати атрибути CLASS і ID. наприклад:

2. Html тег і (Виділення жирним)

і - два тега, які дозволяють зробити текст жирним. Різниці між цими тегами немає.

Наведемо приклад. Html код:

Перетвориться на сторінці в наступне:

Також можна прописати атрибути CLASS і ID (як і у випадку з

).

Ці теги надають невелике вліяеніе на ранжування документів в пошукових системах, тому безцільно їх краще не використовувати.

3. Html тег (Курсив)

- курсивний текст (допускає параметр style, class, id)

Наприклад, html код:

Перетвориться на сторінці в наступне:

4. Html тег (Підкреслений текст)

- підкреслений текст (допускає параметр style, class, id)

Наприклад, html код:

Перетвориться на сторінці в наступне:

5. Html тег (Гіперпосилання)

- створює посилання (допускає параметр style, class і інші).

Наприклад, html код:

Перетвориться на сторінці в наступне:

Всі параметри і атрибути тега будуть розглянуті в окремому уроці: html тег .

6. Html тег.

- заголовні теги (допускає параметр style, class, id). Причому чим менше цифра, тим більшу вагу і розмір (за замовчуванням) має текст, укладений в ці теги.

Наприклад, html код:

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

мають великий вплив на пошукові машини. Якщо їх використовувати правильно, то шанси потрапити на верхні рядки видачі дуже високі.

7. Html тег
(Вирівнювання)

- вирівнює текст по центру.

Наприклад, html код:

Перетвориться на сторінці в наступне:

Цей текст буде в центрі

Рекомендується не використовувати тег

. а замість нього використовувати такі конструкції:

  • .

    - для тексту
  • .
    - для всього (наприклад, зображення)

8. Html тег (Підрядковий текст)

- виводить підрядковий текст.

Наприклад, html код:

Перетвориться на сторінці в наступне:

Звичайний текст, підрядковий текст

9. Html тег (Надрядковий текст)

- виводить надрядковий текст.

Наприклад, html код:

Перетвориться на сторінці в наступне:

Звичайний текст, надрядковий текст

10. Html тег ,

, - виводить текст на один піксель більше / менше текующего розміру (допускає параметр style, class, id).

Наприклад, html код:

Перетвориться на сторінці в наступне:

Звичайний текст, цей текст більше на один піксель

11. Html тег
    (Створення списків)

  • .
- виводить список (допускає параметр style, class, id). Кожен новий елемент записується між
  • і
    • .

    Наприклад, html код:

    Перетвориться на сторінці в наступне:

    Перелік:
    • перший елемент списку
    • другий елемент списку

    12. Html тег (Створення таблиць)

    - створює таблицю (допускає параметр style, class). Кожна нова рядок створюється тегами . а стовпець .

    Наприклад, html код:

    Перетвориться на сторінці в наступне:

    1-рядок 1 елемент