А ви знаєте, що приховано за абревіатурою html, тегів, незрозумілих значків? У цій статті я відкрию Вам цю таємницю. І Ви побачите наскільки все просто.

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

Що таке HTML

HTML - це абревіатура HyperText Markup Language - мова гіпертекстової розмітки.

Давайте розберемо кожне слово, щоб було зрозуміліше.

HyperText - «гіпертекст».

Взагалі термін гіпертекст з'явився ще задовго до появи Інтернет і є протилежністю лінійного тексту. Лінійний текст - наприклад книга - читаємо рядок за рядком, сторінку за сторінкою.

Приставка Гіпер - означає «більше ніж». У нашому випадку «Більше ніж, просто лінійний текст».

Надалі це слово перекачевало в Інтернет. Але з тим же значенням. В Інтернет творець сайту є тим самим Markup man а браузер відображає текст відповідно до вказівок.

У мові Гіпертекстової Розмітки використовуються спеціальні знаки - теги. Теги є засобами мови HTML як слова в мовах народів світу. В HTML як і в будь-якій мові є правила написання і використання.

HTML - Отже, що в підсумку ми отримуємо. HTML це - теги, за допомогою яких, ми можемо вказувати браузеру як відображати текст на екрані.

Які бувають теги HTML

Давайте розглянемо приклад.

Ви хочете, щоб на сторінці сайту текст відображався ось так:

Перший рядок заголовок
Перший абзац з похилим текстом
Другий азац з виділеним текстом жирним

Як сказати браузеру, щоб він відобразив текст саме так, як написано?

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

Давайте заглянемо всередину цього тексту, як його бачить браузер.

Трохи довідки про тегах

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

А тепер детальніше розберемо приклад:

Перша фраза «Тема тексту», є заголовок. Тег h - від слова heading - заголовок. Всього в HTML 6 розмірів заголовків. Найбільший заголовок

найменший

. Тег заголовка парний.

У нашому прикладі я використовувала заголовок h2. Щоб браузер зрозумів, що я хочу зробити фразу «Тема тексту» заголовком, я цю фразу уклала в тег

.

- показує початок Тема,

Перший абзац, нахил і перенесення рядка

Якщо ми хочемо зробити абзац, то використовуємо тег

.

від слова paragraph. Тег парний. Хто відкриває

показує початок абзацу, що закриває

Усередині абзацу, може бути перенесення рядка, нахил тексту, виділення жирним, а також списки, картинки та інше.

У нас в прикладі є нахил і виділення жирним

Взагалі все, що стосується прикраси тексту, в основному робиться за допомогою стилів. Але є 2 прикраси, які можна зробити за допомогою тегів - нахил і виділення жирним.

нахил - від слова emphasis - підкреслювати. Тег парний.