Моята първа HTML страница

Ако следвате урока ни отначало би трябвало вече да разполагате с някой обикновен текстов редактор. В предишния урок препоръчахме безплатната програма Notepad++. Ако ползвате Windows можете да работите и с обикновения Notepad, но той няма да ви оцветява кода. Имайте предвид, че редактор като Word или някой WYSIWYG редактор няма да ви свършат работа за тази задача, тъй като те добавят служебна информация, която няма да позволи правилната работа на нашата страница.

И така, след като сте избрали своя редактор можем да започваме.

  1. Отворете вашият редактор и на първият ред въведете отварящият таг <html>
  2. На втория ред напишете някакъв текст, например „Това е първото ми упражнение от урокът HTML за начинаещи“
  3. На третия ред добавете затварящият таг </html>
  4. Запазете файлът като 001HelloWorld.html на удобно за вас място

Честа грешка при начинаещи: много е важно да запазите файла с правилното разширение. Ако го запазите с разширение .txt, операционната ви система няма да разпознае, че трябва да го отвори с интернет браузър.
Сега отидете там, където сте запазили файла и просто го стартирайте. Той ще се отвори във вашият браузър по подразбиране и ще покаже на екрана текста, който сте въвели между таговете.

Редактиране на страница

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

  1. За целта отидете във вашия редактор и отворете страницата. Това може да го направите и ако кликнете с десен бутон върху файла на страницата и изберете „Edit“, „Edit with Notepad++“, или „Редактиране“.
  2. Сега въведете един празен ред между отварящия таг на страницата (<html>) и текста, който въведохме в първото упражнение. На новия празен ред напишете друг отварящ таг <h1>.
  3. На същия ред след него добавете текст като „Това е заглавие“.
  4. Затворете тага за заглавие с „</h1>“.
  5. Запазете страницата и я отворете в браузър.

Сега над текста се появи заглавието, което добавихме.

В html има различни видове заглавия. H1 е главното, най-голямо като размер. Нормално една страница има едно заглавие H1. Обикновено то стои най-горе и описва за какво става дума в тази страница. В този урок H1 е „HTML за начинаещи“ (горе в синята лента).

Другите тагове за заглавие са всъщност подзаглавия – от </h2> до </h5>. Те се използват за визуално отделяне на съдържанието на страницата на подкатегории.