Примена рачунара у електротехници Александар Ранковић

ПИСАЊЕ КОМЕНАТАРА У HTML – у

Могуће је у HTML документе унети коментаре који се неће приказивати на екрану претраживача. То је
најбољи начин да се поставе упозорења и додатне инструкције за свако будуће ажурирање документа.

Коментари имају следећи облик:

<!-- Ovo je komentar koji se neće pojaviti u pretraživaču -->

Коментар се може налазити и у више линија као у следећем примеру:

<!----Ovaj komentar se takođe neće videti u pretraživačima

iako je postavlje u dve linije--->

HEADER ТАГ
h (header - наслов) таг се користи за избор величине слова која ће се користити за наслове и поднаслове
у документу. Постоји шест нивоа величине од h1 до h6. Највећа слова се добијају тагом h1  а најмања
тагом h6. Следе примери за свих 6 нивоа.

1
Примена рачунара у електротехници Александар Ранковић

ТАГОВИ ЗА РАД СА ТЕКСТОМ

 Таг за нови ред (од енглеске речи break – прекид) <br/>
 Tаг за нови параграф (од енглеске речи paragraphs – параграф, одломак) <p> … </p>

 Таг да слова буду подебљана (од енглеске речи bold) <b> … </b>
 Таг да слова буду закљивљена (од енглеске речи italic) <i> … </i>
 Таг да слова буду подвучена (од енглеске речи underline) <u> …
</u>
 Таг за прецртавање текста (од енглеске речи strike) <strike> …
</strike>

ЦЕНТРИРАЊЕ ТЕКСТА
 Таг за центрирање текста <center> … </center>

ХОРИЗОНТАЛНА ЛИНИЈА
 Таг за постављање хоризонталне линије <hr/>

ЛИСТЕ
У HTML – у постоји једноставан начин за прављење:

 листа са бројевима (нумерисане листе),

 без бројева (ненумерисане листе) или
 за дефинисање (дефиницијске листе). 

Могуће је стављати листу унутар листе и на тај начин постићи хијерархијско набрајање.

НЕНУМЕРИСАНЕ ЛИСТЕ (UNORDERED LIST)

Листе без редног броја почињу тагом <ul> иза кога следе линије текста које се означавају тагом <li>.
Листа се завршава тагом </ul>.

<ul>
<li> linija 1
<li> linija 2
<li> linija 3
</ul>

Како ће то изгледати на екрану:

2
Примена рачунара у електротехници Александар Ранковић

НУМЕРИСАНЕ ЛИСТЕ

Листе са редним бројевима почињу тагом <оl> иза кога следе линије текста које се означавају тагом
<li>. Листа се завршава тагом </оl>.

<оl>
<li> linija 1
<li> linija 2
<li> linija 3
</оl>

Како ће то изгледати на екрану:

ДЕФИНИЦИЈСКЕ ЛИСТЕ

Дефиниционе листе омогућавају да се праве структуриране листе без "bulita" и редних бројева.
Ево примера:
<dl>
<dt> Ovo je jedan pojam
<dd> Ovo je njegova definicija
<dd> ovo je druga definicija
<dt> Ovo je drugi pojam
<dd> Ovo je njegova definicija
</dl>

Како ће то изгледати на екрану:

УГЊЕЖДЕНЕ ЛИСТЕ (ЛИСТА У ЛИСТИ)

Општи облик угњеждене листе: Како наведени пример изгледа на екрану:

3
Примена рачунара у електротехници Александар Ранковић

ЗАДАТАК 01:
Направити веб страницу као на слици.

РЕШЕЊЕ:

4
Примена рачунара у електротехници Александар Ранковић

ЗАДАТАК 02:
Направити веб страницу као на слици.