Как да направим Web страница! Урок първи |
Започваме направо. Стартирайте Notepad и напишете следните два реда...
Няма значение с големи или малки букви.<HTML>
</HTML>Всяко от тези неща се нарича таг. В дадения случай имаме отварящ таг и затварящ таг. За създаването на затварящ таг е достатъчно да се добави / към отварящият таг. Имайте в предвид, че не при всички има затварящи тагове.
Гледайте на таговете като на указания, които давате на браузера. Например това което показахме в горния пример казва на браузера "начало на html документ" (<HTML>) и"край на html документ" (</HTML>). Това което ни остава е да опишем съдържанието на страницата между тези два тага.Всеки HTML документ се нуждае от двойка HEAD тагове.
<HTML>
<HEAD>
</HEAD>
</HTML>Единственото нещо което можем за сега да поставим между HEAD таговете са двойката TITLE тагове. Там по-късно ще напишем заглавието на страницата.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
</HTML>Сега следва да се добавят BODY таговете, където всъщност се поставя съдържанието на страницата.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>О, има още едно нещо. Дайте някакво заглавие на страницата си.
<HTML>
<HEAD>
<TITLE>My big bad page!</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>Сега запаметете това което написахте, но НЕ като текстов файл (.txt). Запаметете го като html документ в нова директория някъде на твърдия си диск. Значи по-подробно обяснено, натискате последователно от менюто на Notepad - "File", след това "save as".
Появява се диалогова кутия. Изберете да се създаде нова директория като натиснете този знак ->
Наименувайте я както си искате. След това я отворете. Там където е написано File name: напишете page1.html Там където пише Save as type: изберете да бъде All Files(*.*)
Натиснете Return от клавиатурата и сте готови!Поздравления! Вие вече сте горд притежател на web страница! Можете да си я качите на сървър и целия свят ще е свидетел на направеното от вас.
Резултата от направеното може да се види тук.
За съжаление, както може би се уверихте, направената от вас страница е напълно празна, но е един напълно пълноценен HTML документ. Следващото, което трябва да се научите да правите е как да напълните страницата си с различни неща. Текст, картинки и други такива.
Най-добрият начин по който можете да се възползвате от този самоучител е чрез отваряне на два прозореца на браузера ви. В единия прозорец разглеждате настоящата страница, а в другият - разглеждате собствената си страница, която изграждате успоредно с усвоявянето на материала.
Съвсем набързо да обобщим какво научихме преди да пристъпим към втория урок. Първо научихме как да изградим скелета на всеки HTML документ. Това са основните компоненти, които трябва да се съдържат във всяка страница. Второ - заглавието на документа е това, което се появява в горната част на браузера ви.
<--ПРЕДИШЕН СЛЕДВАЩ-->
Въведение | Урок 1 | Урок 2 | Урок 3 | Урок 4 | Урок 5 | Полезни връзки | Бърз html указател |
БЕЗПЛАТНИ РЕСУРСИ ЗА ВАШАТА WEB СТРАНИЦА |