ПОИМ ЗА ТАГ

ПОИМ ЗА ТАГ
■ HTML командите се пишуваат во т.н. Тагови;
■ Еден таг е всушност команда која на

прелистувачот му кажува на кој начин да ја
прикаже содржината на страницата;
■ Таговите се пишуваат во остри загради

пример: <html> , <b>, <body> итд;
■ Таговите најчесто одат во парови : првиот е

за почеток а другиот за крај.( <b> и </b> );
Видови тагови
■ Прости тагови кои служат за опишување
на едноставни елементи и тие се во одлик
<x>
пр. <html> , <body> ,<head>;
■ Сложени тагови кои изгледаат вака:

< x > tekst < / x > со кои се опишува
изгледот на текстот;
■ Во тагот можат да се користат и атрибути

кои даваат додатни информации
<x A1=a A2=b …> tekst </x>;
СТРУКТУРА НА HTML СТРАНИЦА
Секој HTML документ започнува со тагот
<html> и завршува со </html>,
Секој HTML документ е составен од 2 целини:
1. Заглавје (Head)
2. Тело (Body)
Заглавјето содржи додатни информации
за документот како стил , мета тагови и др.
Телото ја содржи содржината на
страницата т.е. се она што се гледа во
прегледувачот.
ЗАГЛАВЈЕ (HEAD)
■ Заглавјето започнува со тагот
<head> а завршува со тагот </head>;
■ Се она што се наоѓа помеѓу овие два тага
спаѓа во заглавје;
■ Во заглавјето спаѓа и тагот <title> </title> со
кој се вметнува насловот на документот;
■ Се она што ќе се напиша во заглавјето на
документот нема да се прикаже во
прозорецот на прелистувачот. Тоа служи
само да даде некои информации за
страната;
ТЕЛО (BODY)
■ Телото започнува со тагот
<body> а завршува со тагот </body>;
■ Се она што се наоѓа помеѓу овие два

тага го сочинува телото на документот;
■ Се она што ќе се напиша во телото на

документот ќе се прикаже во
прозорецот на прелистувачот. ;
ИЗГЛЕД НА СТРАНИЦА
<html>
<head>
<title> Ovde se stava naslovot na
stranata </title>
</head>
<body>
Ovde se stava se ona sto sakame
da go gledame na stranata
</body>
</html>
ПОЗАДИНА
Позадината на страната се задава како
атрибут во тагот <body>
Пр1. позадината е во една боја
<body bgcolor="#ccff66" > или
<body bgcolor=“green" >
Пр2. позадината е со тапета

<body background="pozadini/Coffee.bmp" >
КОМЕНТАРИ
■ Коментар е текст кој не се гледа во
прелистувачот . Го има само во HTML
кодот и служи за објаснување на кодот
(за полесно снаоѓање во понатамошната
работа со документот );
■ Тој се запишува вака :

<!-komentar-- >
HEADER - поглавје
■ Поглавјата се преставуваат со таговите:
■ <h1> poglavje1 </h1>
h1- се со најголема големина на буквите
h6- се со најмала големина на буквите
ХОРИЗОНТАЛНА ЛИНИЈА
За хоризонтална линија се користи тагот
<hr>, </hr>
Атрибути:
1. color -боја на линија
2. size - дебелина на линија
3. align - порамнување
4. width - ширина
5. noshade – исклучување на 3D приказ
ПРЕКРШУВАЊЕ НА ЛИНИЈА
Кога сакаме да ја прекинеме
текстуалната линија и да поминеме
на друг ред се користи тагот <br>.
ПАРАГРАФ
■ Параграфите се претставуваат со тагот
<p> како почетна ознака и </p> kako крај.
Внатре во тагот може да се дадени и
атрибути кои даваат дополнителни
информации за параграфот.
■ Пример: <p ailgn=“left”> лево порамнат

пар.
<p align=“center”> центриран параграф
FONT
■ Фонтот се претставуваат со тагот <font>
како почетна ознака и </font> kako крај.
Внатре во тагот може да се дадени и
атрибути кои даваат дополнителни
информации за параграфот.
■ Пр.: <font face=“Arial” size=“5”
color=“blue”> Dlecevo </font>
ТАГОВИ ЗА ФОРМАТИРАЊЕ
НА ТЕКСТ
■ <b> -дефинира на задебелен текст
■ <i> - дефинира на закосен текст
■ <sub> - дефинира текст под обичниот
■ <sup> - дефинира текст над обичниот
■ <u> - дефинира подцртан текст
■ <del> - дефинира прецртан текст
Пример
<u><b><i><font >Naseto uciliste</font> </i ></b></u>
СЛИКИ
За вметнување на слика се користи тагот
<img>, </img>
АТРИБУТИ:
1.src -URL(локација на слика);
2. alt - алтернативен текст;
3.align -порамнување(left,right,center,top,botton,middle);
4.border – големина на рамка на слика во пиксели;
5.height – висина на слика
6.width - ширина на слика
ЛИСТИ
HTML поддржува три вида на листи
■ Ненумерички (листи со точки)-кај кои не е
важен редоследот на елементите,
■ Нумерички (подредени листи)- кај кои е

важен редоследот на елементите,
■ Листи со дефиниции
Ненумерички листи
<ul>
<li>Првиот елемент одлистата</li>
<li>Вториот елемент одлистата</li>
<li>Третиот елемент одлистата</li>
</ul>
За избор на типот на симболот се користи

атрибутот type кој може да ги прими
следните вредности: disc, circle, square.
Нумерички листи
<ol>
<li>Првиотелементодлистата</li>
<li>Вториотелементодлистата</li>
<li>Третиотелементодлистата</li>
</ol>
За избор на форматот на бројот се користи атрибутот type
кој може да ги прими следните вредности:
1( 2, 3,...), арапси цифри
A(B,C,...), големи букви
a(b,c,...), мали букви
I(II,III,...), римски цифри
СЛИКИ
<img src="slika1.jpg"width="200"height="150">
ТАБЕЛИ
■ <table> -почеток на табела
■ </table> -крај на табела
■ <tr> -почеток на ред
■ </tr> -крај на ред
■ <th> -почеток на ќелија во насловен ред
■ </th> -крај на ќелија во насловен ред
■ <td> -почеток на ќелија во останатите редови
■ </td> -крај на ќелија во останатите редови
АТРИБУТИ НА ТАБЕЛИ
ТАГ АТРИБУТИ ФУНКЦИЈА
<table> 1. border -дебелина на ивица
2. bordercolor -боја на ивица
3. cellspacing -ширина на празно место меѓу ќелиите
4. цellpadding -празно место помеѓу линијата и содтржината
во ќелијата
5. width -ширина на табела
6. height -висина на табела
<table> 1. align -позиција на табела(left,right,center)

<tr> <th> -позиција на текст во редица или ќелија
<td> 2. Valign -вертикално порамнување на табела или ред
или ќелија
3. bgcolor
- боја на позадина на табела, ред или ќелија
<table> 1.rowspan -растегнување на ќелија во повеќе редови
<tr> <th> 2. colspan - растегнување на ќелија во повеќе колони
<td>
ЛИНК ДО ДРУГ ДОКУМЕНТ
кога линкот е текст
<a href=“URL link”> tekst</a>
href – атрибут што ја кажува адресата на
документот до кој ќе се пристапува.
target – атрибут кој одредува каде да се отвори
документот :
-blank – во нов таб
-self - во истиот прозорец
_top - во целосно нов прозорец
Primer:
<a href=“https://www.google.com/” target=“_blank”>GOOGLE</a>
ЛИНК ДО ДРУГ ДОКУМЕНТ
кога линкот е слика
<a href=“URL link”><img src=“URL za slika”></a>
ПРИМЕР ЗА ЛИНК ЗА ДИРЕКНО ПРАЌАЊЕ НА Е-ПОШТА
<a href=mailto:neptun@gmail.com?subjekt=zdravo> kontakt </a>

ЛИНК ДО ЛОКАЦИЈА ВО
ИСТИОТ ДОКУМЕНТ
1. КРЕИРАЊЕ НА ОЗНАКА (BOOKMARK) ВО
ИСТИОТ ДОКУМЕНТ
<a name=“ime”> tekst od dokumentot </a>
ime- име на ознаката може да биде било кое
tekst od documentot-текст до кој пристапуваме.
2. КРЕИРАЊЕ НА ЛИНК ВО ИСТИОТ ДОКУМЕНТ

ДО ГОРЕ КРЕИРАНАТА ОЗНАКА
<a href=“#ime”> tekst </a>
tekst – е текстот што го претвараме во линк
HTML стилови
(CSS-Cascade Style Sheet)
Целта на користењето на стиловите е
форматирање на елементите во документот
заради подобар изглед на страната.
Постојат 3 начини на вметнување на CSS :
■ Во линија ( Inline style sheet)
- со користење на style додаток во таговите,
■ Надворешен (External style sheet)
- сите стилови се сместени во посебна датотека
која се поврзува со HTML документот,
■ Внатрешен (Internal style sheet)
- се дефинира во <head> делот со тагот <style>

ПОИМ ЗА ТАГ

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

ПОИМ ЗА ТАГ

Uploaded by

Copyright:

Available Formats

ПОИМ ЗА ТАГ

■ HTML командите се пишуваат во т.н. Тагови;

■ Еден таг е всушност команда која на

■ Таговите се пишуваат во остри загради

■ Таговите најчесто одат во парови : првиот е

■ Сложени тагови кои изгледаат вака:

■ Во тагот можат да се користат и атрибути

■ Се она што се наоѓа помеѓу овие два

■ Се она што ќе се напиша во телото на

Пр2. позадината е со тапета

■ Тој се запишува вака :

■ Пример: <p ailgn=“left”> лево порамнат

■ Нумерички (подредени листи)- кај кои е

За избор на типот на симболот се користи

<table> 1. align -позиција на табела(left,right,center)

ПРИМЕР ЗА ЛИНК ЗА ДИРЕКНО ПРАЌАЊЕ НА Е-ПОШТА

<a href=mailto:neptun@gmail.com?subjekt=zdravo> kontakt </a>

2. КРЕИРАЊЕ НА ЛИНК ВО ИСТИОТ ДОКУМЕНТ

You might also like