Какво представлява езикът HTML?
Същност
HTML е абревиатура на Hyper Text Markup Language – хипертекстов маркиращ език и се използва за създаване на хипертекстови документи или т.н. уеб страници.
Основни елементи
Основните елементи на HTML са т.н. тагове. Това са ключови думи, оградени с ъглови скоби <html>, чрез които се описва структурата на документа. Всеки таг играе ролята на етикет на типа съдържание, например заглавие (heading), параграф (paragraph), списък (list) и др.
HTML таговете се пишат по двойки, като всяка двойка има отварящ <html> и затварящ </html> таг.
Визуализиране на хипертекстовия документ
Уеб страницата се визуализира в браузъра. Той не показва таговете, изградащи документа, а само ги интерпретира (превежда) и показва съдържанието.
Популярни уеб браузъри са: Google chrome, Firefox, Opera, Safari, Edge и др.
HTML през годините:
| Версия на HTML | Година на пускане |
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML | 2012 |
Как се създава хипертекстов документ?
Софтуер
За създаване на хипертекстов документ се използва текстов редактор, визуален редактор или редактор за код.
Текстовите редактори се използват за ръчно въвеждане на кода. Най-популярни са: Notepad, Notepad++, Bluefish Editor, UltraEdit, EmEditor.
Визуалните редактори работят на принципа, „каквото виждаш това получаваш“ (WISIWIG – What You See Is What You Get), при който кода се генерира автоматично при добавяне на елементите. Най-популярни са: BlueGriffon, Dreamweaver, SeaMonkey Compose.
Редакторите за код обикновено са професионални софтуери, в които специалиста пише код и има възможност да го интерпретира. Такива са VSCode, Visual Studio и др.
HTML шаблони
За отправна точка може да се ползват т.н. шаблони или templates. Това са предварително създадени уеб страници, който могат да бъдат променяни в зависимост от целите.
Шаблони може да изтеглите от страниците www.free-css.com, www.nicepage.com и др.
Структура на HTML документа
Структурата на HTML документа започва с т.н. <!DOCTYPE> декларация, която помага на браузъра да покаже коректно уеб страницата. Декларацията се определя от версията на HTML, като при HTML5 се изписва в следния вид:
<!DOCTYPE html>
След декларацията се поставя <html> тага, в който се поместват двете части на HTML документа:
- Head – обозначава се с <head> тага. В нея се се поставя заглавието на сайта чрез тага <title> и ключови думи чрез тага <meta>, които са видими само за търсачките. В тази част се поставя и тага <link>, чрез който се свързва css файла, чрез който се стилизира уеб страницата.
- Body – обозначава се с тага <body> и в тази част се поставят всички елементи, които ще се визуализират в браузъра – заглавия, параграфи, списъци, таблици, изображения и др.
Най-общо структурата на HTML документа изглежда по следния начин:
разширение на документа
Обикновенно тектовите документи имат следните разширения, които определят типа файл: .txt, .doc, .rtf, .pdf.
За да се превърне обикновен текстов документ в хипертекстов документ е необходимо да го запишем с разширение .html или .htm. Само тогава браузъра може да интерпретира таговете по правилен начин.
