8
Ако се чудите какво е HTML, ние имаме отговора за вас. Често този термин се използва във връзка с дизайна на уебсайтове.
Какво е HTML: език за маркиране на структурата на вашия уебсайт
Терминът „HTML” е съкращение от „Hypertext Markup Language”, което на български означава „език за маркиране на хипертекст”. Това е форматът, в който се пишат уебсайтовете.
- В HTML файл създателят на уебсайта пише текста на уебсайта. С HTML файла може да се структурира и форматира текст (например размер и шрифт). Освен това чрез HTML можете да вмъкнете линкове към други уебсайтове или да допълните текста си с изображения, видеоклипове или фонови звуци.
- Браузъри като Chrome, Firefox, Safari или Internet Explorer четат HTML файла за части от секундата и след това го показват графично.
- Обикновено HTML файловете вече не се пишат ръчно. Тази работа се извършва от графичен интерфейс за операторите на уебсайтове – например чрез системи за управление на съдържанието като WordPress или Typo3.
- Съвет: Кликнете с десния бутон на мишката върху свободно място на този уебсайт и изберете опцията „Запази като“ или „Запази страницата като“. След това можете да изтеглите HTML файла на този уебсайт и да видите празния код в редактора. Освен отделните думи, ще намерите и команди за линкове или изображения.
Взаимодействие с CSS и JavaScript
В миналото уеб страниците се програмираха изцяло в HTML. Поради нарастващата динамика на много интернет страници, за съвременния уеб дизайн се наложи допълнително CSS, което се различава от HTML.
- Ето защо HTML служи само за структуриране на уебсайт. Например, вие определяте дали даден текст да се появи като заглавие или като обикновен текст.
- Във свързан CSS файл определяте какъв формат трябва да има такъв текстов абзац. CSS (Cascading Style Sheets) отговаря за дизайна: цветове, разстояния, оформление или шрифтове.
- JavaScript внася интерактивност: анимации, попълване на формуляри или динамично съдържание.
- Заедно HTML, CSS и JavaScript образуват „магическия триъгълник“ на съвременния уеб дизайн. HTML е винаги основата, върху която се гради всичко останало.
Структура на HTML документ, тагове и атрибути
HTML документът следва ясна структура. Той се състои от две основни части: заглавната част (
) и тялото ().- В главата се намира информация, която не е директно видима на уеб страницата, като заглавие, метаданни или препратка към външни CSS и JavaScript файлове.
- В областта на тялото се намира действителното съдържание: текстове, изображения, заглавия, списъци или връзки.
- HTML работи с така наречените тагове (наричани още „елементи“). Таговете се пишат в остри скоби, например
за параграф или за линк. Най-често те се появяват като стартов и краен таг , които обграждат съответното съдържание.
- Освен това таговете могат да съдържат атрибути, които предоставят допълнителна информация. Така например атрибутът href при линк посочва къде води той.
