HTML първи стъпки

HTML е основният език на световната мрежа. Той представлява език, който чрез т.нар етикети (tags) указва на вашия браузър как да покаже дадена страница. Желателно е всеки потребител на Интернет да има поне основни познания по HTML -- ако не за създаване на собствени страници, то поне за по-добро разбиране на начина, по който страниците се създават и показват. Познанията по HTML са задължителни за блогърите -- те помагат да създадете по-приятни и богати публикации. В поредица публикации ще разкрием тайнствата на този език и ще се постараем да покажем на потребителите, че създаването на уеб страници не е някаква загадъчна процедура, достъпна само за посветените. Преди да започнем с конкретни примери, има някои неща, които трябва да знаете.

HTML е чисто текстов език
Това означава, че HTML използва латински нормални букви за да инструктира браузъра ви. Не е нужно превръщането на написаната страница в двоичен код. На практика можете да използвате всеки текстов редактор като Notepad. Ако прибегнете до ръчно редактиране на HTML не използвайте редактори от рода на Microsoft Word -- те добавят в съхранения файл своя информация (форматиране, шрифтове и т.н.), вследствие на което файлът ви няма да бъде разпознат като валиден HTML файл.

Когато пробвате примерите, ползвайте Notepad, или Notepad++. Notepad++ е незаменим помощник, тъй като ви показва дали сте затворили таговете, оцветява таговете и параметрите в различен цвят и т.н. Ако ползвате Notepad++ от менюто Language изберете H -> HTML. Файловете трябва да бъдат запазени с разширение HTML. В Notepad++има опция в менюто за запазване, от списъка Save as type. В уиндоуския Notepad изберете Save as type -> All files и напишете разширението на ръка след името на файла. След това отворете запазения файл с любимия си браузър за да видите ефекта. Когато редактирате HTML файла, съхранете го и натиснете F5 в прозореца на браузъра за да презаредите страницата.

HTML е отворен език
Това означава, че ако напишете нещо грешно, просто браузъра няма да го възприеме. Грешките не причиняват повреда на системата ви. Всъщност Internet Explorer дори използва някои тагове, разбираеми единствено за него и невключени в HTML стандарта. Това е една от причините за критика спрямо Microsoft -- че вместо да следват стандарта, създават собствен такъв, принуждавайки потребителите да ползват техния лраузър, а уеб дизайнерите -- да пишат по две версии на страниците.

Важното за вас е, че не трябва да се притеснявате, че ще сбъркате нещо. Дори това да се случи, единственият резултат ще бъде, че страницата ви няма да изглежда както вие искате.

И тъй, след като изяснихме тези неща, нека направим първата стъпка в чудния свят на HTML.

Структура
Както казахме по-горе, HTML използва етикети (по-известни като "тагове") за да инструктира браузъра. Етикетите представляват пълни или съкратени думи на английски (познанията по английски ще ви помогнат за по-лесно запомняне и разбиране на етикетите), оградени от знаци за по-голямо и по-малко. Таговете не са чувствителни към регистъра, тоест -- можете да пишете както с малки, така и с главни букви.











Това е първата ми страница, написана на HTML






Копирайте горния текст и го запазете в HTML файл на локалния си диск, както описахме по-горе, и го заредете в браузъра. Ако сте се справили, резултатът трябва да изглежда така.

Ако сте успели -- поздравления. Отворете си бира, поемете дълбоко дъх, и щом се успокоите от първото вълнение -- четете нататък.

Преди всичко имайте предвид, че HTML не разпознава новите редове. На практика можете да напишете горния код на един-единствен ред. Новите редове се слагат за прегледност. На кода. Новите редове в текста, показван на страницата, ще обсъдим по-късно.

Погледнете кода на първата си HTML страница. Ще видите, че всеки таг е използван по два пъти, като огражда даден елемент.

указва на браузъра, че всичко от тук нататък е HTML код. указва, че тук кодът свършва. По същия начин