Създаване на 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>
Начален и краен таг за центриране на текст. |
|