HTML
(hiper text markup language) е език за описание структурата на
страницата базиран на обикновен ASCII текст в който са вмъкнати
специални тагове, заградени в триъгални скоби(<пример>). В
таговете няма разлика между главни и малки букви. Маркирането на текст
с етикет става с името на тага в триъгалните скоби, а за край на
маркиране се използва наклонена черта плюс името на тага
<таг>текст</таг>
Таговете в html единствено уточняват структурата на документа - какво
представлява даден елемент, а не как изглежда на екрана.
Всеки html документ започва и завършва с таговете
<html>...</html>
Между тях са разположени секциите на заглавната част <head>...</head> и <body>...</body>
Между тага <head> се разполага името на документа което пък се поставя между тага <title>
След тага <head> се поставя и самото тяло на web страницата между таговете <body>
Пример
<html>
<head>
<title>Името на документа</title>
</head>
<body>
</body>
</html>
Тагът <body> отбелязва тялото на даден html документ или накратко
казано - действителното съдържание на страницата.
В него се съдържа информацията за всеки елемент от страницата.
Определяте цвета на badground-a, задавате формат и вид на текст,
поставяте таблици, рамки и въобще всичко което се ползва за да изглежда
вашата страница по подобаващ начин.
Тагът <body> се характеризира с няколко основни параметъра.
alink - Определя цвета на текста за хипервръзка, която е избрана
bgcolor - Определя цвета на страницата
link - определя цвета на текста за хипервръзка, която не е била избрана
text - определя цвета на нормалния текст
vlink - определя цвета на текст за хипервръзка, която е била избрана
bgproperties - когато стойноста е "fixed", изображението указано от background не се скролира
leftmargin - Определя броят на пикселите с които да бъде изместена
страницата спрямо левия край на прозореца на браузъра
topmargin - Определя броят на пикселите с които да бъде изместена
страницата спрямо горния край на прозореца на браузъра
background - Определяне на графично изображение което ще се използва за
фон на страницата.(Трябва да притежава URL на графичното изображение)
______________________________Тагове за обработка на текст:______________________________
В тялото на html страницата <body>...</body> можете да
използвате множество тагове с помоща на които да форматирате текста и
по тозиначин да укажете на браузъра как да го изобрази.
Тези тагове биват два вида:
за определяне вида на текста
за определяне потока на текста
Това са тагове за определяне вида на текста:
<b>текст</b> - Удебелява заградения текст
<big>текст</big> - Увеличава големината на буквите на заградения текст(?)
<blink>текст</blink> - Кара заградения текст да мига(?)
<cite>текст<cite> - Форматира заградения текст като цитат
<code>текст</code> - Форматра заградения текст като фрагмент от програма
<u>текст</u> - Подчертава заградения текст
<i>текст</i> - Прави заградения текст курсив
<small>текст</small> - Намалява големината на буквите на заградения текст
<strike>текст</strike> - Рисува линия посредата на буквите
<strong>текст</strong> - Подчертава силно заградения текст(удебелява го)
<tt>текст</tt> - При изобразяването на заградения текст сеизползва шрифт с фиксирана ширина
<sub>текст</sub> и <sup>текст</sup> - Форматира
заградения текст като долен - горен индекс
Ето и тагове за определяне потока на текста:
<address>текст</address> - Форматира адрес
<blackquote>текст</blackquote> - Форматира цитат
<br> - Стоп линия
<center>текст</center> - Центрира зафрадения текст
<font>текст</font> - Установявя шрифт, цвят и големина на заградения текст
<hn>текст<hn> - Показва че заградения текст е заглавие от ниво n, където n е число от 1 до 6
<hr> - Слага хоризонтална линия
<img> - Слага изображение в html страницата Може да бъде използван в комбинация с тага.
<p> - Обозначава нов параграф
______________________________Тагове за цветове:______________________________
Когато решите вече в какъв стил ще ви е страницата, ще е добра да
знаете и някои от основните правила за определяне на цвят в web. Има
два общовъзприети стандарта за определяне на цветовете
- използване на английски думи за описание на цветовете
- използване на шестнайсетичен код за определяне на цветове
Ето и пример за използване на тези кодове в таг <body>.
<body bgcolor="#FFFFFF" text="#000000" link="#000080" vlink="#808000" alink="#008000">
....
</body>
______________________________Тагове за таблици:______________________________
Таблиците са много важна част при правенето на web страници. В тях
можете да слагате всичко - текст, картинки, java аплети, aktivеX
контроли. С тях можете много лесно да позиционирате даден елемент от
страницата ви в една мрежа, като използвате невидими ръбове.
Основните тагове са:
<table> и </table> - това е основната структора
Таговете <tr> и </tr> отделя редовете
Таговете <th> и </th> ограждат заглавието на таблицата
Таговете <td> и </td> отделят отделните клетки
______________________________Тагове за рамки (фрейми):______________________________
Рамките (фрейми) са много удобен метод за направа на страници, в които
искате част от страницата да се запази (статична) а друга да се променя
динамично.
Един вид вашата страница като цяло е създадена от няколко добавени.
Този метод за направа на web страници спомага и за олекотяване на
страницата.
Зареждат се само страниците в които се съдържа същинската информация, а
останалите са навигация банери и т.н. - които по принцип искате да ги
има постоянно.
Таговете за създаване на фрейми е много елементарен
Наборът от рамки се съдържа между Таговете <frame>...</frame> и <frameset>...</frameset>
Има една подробност обаче, която не трябва да забравяте никога, когато използвате фрейми!!!
Ако в добавената страница (динамичната) има хипервръзка (линк) окажете
задължително как да се зарежда страницата от този линк Възможносите са:
"_self" - в същият фреим
"_top" - ще зареди страницата в целия браузър
"_parent" - зарейда се в parent фрейма
"_blank" - ще отвори страницата в нов прозорец
Преди тага за начина на отваряне трябва да има "="
Ако след линка нямя един от тези тагове страницата ще се отвори в "Main" прозореца
______________________________Mета тагове:______________________________
Мета таговете са нещо доста полезно и необходимо.
Те играят важна роля при индексирането на Вашата страница в търсещите машини.
Ето и пример, който трябва само да копирате и да сложите във вашата
страница на необходимото място, като промените информацията.
Не забравяйте че това е информацията която ще Ви представи пред света и за това бъдете внимателни.
<HTML>
<HEAD>
<TITLE> Заглавието на вашата страница</TITLE>
<META NAME="description" CONTENT="Кратко описание на страницата">
<META NAME="keywords" CONTENT="Тук напишете всички възможни думи за
които се досетите, свързващи се с Вашата страница">
</HEAD> |
