Синтаксис HTML

от Fuedo - Уеб дизайн енциклопедия

Синтаксисът на HTML е доста прост. Състои се от ключови думи които се наричат тагове и се различават от останалият текст по това, че са оградени от "<" ">". Например, ако искате даден текст да бъде изрисуван в курсив, ето как става това:

<i>Текст в курсив</i>

Повечето елементи в HTML имат отварящ и затварящ таг, като затварящият таг прекратява действието което е приложено върху съдържанието. За да затворите даден таг трябва да поставите наклонена черта след първата скоба "</". Някой елементи нямат затварящи тагове, като например <br> - знак за нов ред, а други не се нуждаят от затварящи тагове въпреки че за по добра прегледност на кода е по добре да ги поставяте.

HTML не е чувствителен към големи/малки букви. Това значи че:

  <b>Удебелен текст.</b>
  <B>Удебелен текст.</B>
  <b>Удебелен текст.</B>

И трите правят едно и също нещо, няма значение дали пишете с малко или големи букви.
Браузърите игнорират излишните интервалите и новите редове във вашият код. Което от една страна ви позволява да си подреждате кода така както ви е лесно да го четете после, но от друга страна не ви позволява да си форматирате текста с интервали и нови редове.

HTML позволява вмъкването на тагове един в друг за да се постигнат разнообразни ефекти. Ако искате например да имате удебелен текст и част от него да е в курсив:

<b>Удебелен текст<i>Удебелен курсивен текст.</i></b>

Важно е да се спазва последователността на отваряне и затваряне на вмъкнатите тагове. Последният отворен таг трябва да се затвори преди да се затвори обвиващият го. Нека вземем примера с удебеленият курсивен текст:

  <b>Това е грешно!<i> Грешно!</b> Грешно!</i>
  <b>Това е правилно!<i> Правилно!</i></b><i> Правилно!</i>

Както виждате в примера тагът <i> е отворен след <b>, но е затворен след затварящият таг </b>. Въпреки че този пример най-вероятно ще се интерпретира правилно от повечето съвременни браузъри, нещата не стоят така при по сложни примери.

Атрибути

Таговете от своя страна могат да съдържат атрибути които им променят свойствата им по различен начин в зависимост от стойностите които атрибутите приемат. Например

<font size="20">Доста голям текст</font>

Атрибутът size определя размера на шрифта които се съдържа в тагът "font". Всъщност тагът "font" не прави нищо ако няма атрибути. Стойностите които се задават на атрибутите може да бъдат оградени от кавички. Кавичките около стойността не са задължителни, но когато тя съдържа интервал това може да предизвика проблеми. Ние ви препоръчваме да слагате всички стойности в кавички не само заради горепосоченият проблем, но и за по добра прегледност на кода.

Предна Страница(Въведение) | Съдържание | Следваща страница(Създаване на вашата първа HTML страница.)