Създаване на Web страници с помощта на HTML

При създаването на Web страници с директно писане на HTML тагове се използва текстов редактор, най-често Notepad. Таговете представляват указания за браузъра, заграждат се в < > и няма значение с големи или малки букви се изписват.

<HTML>
</HTML>

Всяко от тези неща се нарича таг. В дадения случай имаме отварящ таг и затварящ таг. За създаването на затварящ таг е достатъчно да се добави “/” към отварящият таг. Повечето, но не всички, имат затварящи тагове.

Горния пример казва на браузъра "начало на html документ" (<HTML>) и "край на html документ" (</HTML>). Във всеки html документ са задължителни и присъстват в следния ред таговете:

<HTML>
<HEAD>
<TITLE>
Текст на заглавието</TITLE>
</HEAD>
<BODY>

Здравейте!
</BODY>
</HTML>

Между (<HEAD>) таговете се поставя информацията, отнасяща се за самия браузър – заглавие на прозореца, в който се появява страницата (<TITLE>), JavaScript и VB Script функции, вмъкване на файлове и т.н. В (<BODY>) се поставя съдържанието на страницата, заедно с форматиращите го тагове. Горния пример, казва на браузъра да покаже надписа “Текст на заглавието” в горната, синя ивица на прозореца и “Здравейте!” в мястото за съдържание.

Освен тагове, в HTML голяма роля играят и атрибутите. Тагът <TAG> указва на браузъра да направи нещо. А атрибута ATTRIBUTE се поставя в <TAG> и посочва как точно да стане това.

Пример: <BODY BGCOLOR="#FFFFFF">

За да се види резултатът е необходимо файла да се запамети като html документ в нова директория някъде на твърдия диск. За целта се натискат последователно от менюто на Notepad - "File", след това "save as". Появява се диалогова кутия, от която се избира създаване на нова директория. Поставя й се подходящо име и се отворя. Там където е написано File name: се записва името на файла, а за полето Save as type: се избира All Files(*.*). Натискането на бутона “Save” запазва файла на указаното място.

Списък от основните, най-често използвани тагове и атрибути, които се поставят в <BODY>, т.е. отнасят се за съдържанието на документа:

<BODY BGCOLOR=”цвят”></BODY>
Чрез име на цвят или 16-тичен код се задава фонов цвят на страницата.

<BODY BACKGROUND=”URL”></BODY>
Задава адреса на изображение, което да служи за фон на страницата.

<BODY TEXT=”цвят” LINK=”цвят” ALINK=”цвят” VLINK=”цвят”></BODY>
Всеки браузър има настройки "по подразбиране", които са следните - текстът е черен, връзките са сини, активните връзки са червени и посетените връзки са виолетови. Чрез горните атрибути се променят тези цветове.

<P></P>
Текстът между тези тагове се показва като отделен абзац.

<B></B>
Начален и краен таг за удебелен текст.

<I></I>
Начален и краен таг за наклонен текст.

<U></U>
Начален и краен таг за подчертан текст.

<CENTER></CENTER>
Начален и краен таг за центриране на текст.

назаднапред