KODE
Kode
so razporejene glede na številko primera v knjigi.
1.Poglavje 1 - HTML:
1.1 Nastavitev dokumenta
Primer
1
| <HTML> <HEAD>
</HEAD>
<BODY>
</BODY>
</HTML> |
Primer 2
<HTML>
<HEAD>
<TITLE>Uvodna stran</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML> |
Primer 3
<HTML>
<HEAD>
<TITLE>Uvodna stran</TITLE>
<!-- Izdelal in oblikoval Matic Kaltenekar -->
</HEAD>
<BODY>
</BODY>
</HTML> |
Primer 4
<HTML>
<HEAD>
<TITLE>Uvodna stran</TITLE>
<!-- Izdelal in oblikoval Matic Kaltenekar -->
</HEAD>
<BODY>
Besedilo na strani.
</BODY>
</HTML> |
1.2 Vstavljanje in urejanje besedila
Primer 5
<HTML>
<HEAD>
<TITLE>Uvodna stran</TITLE>
<!-- Izdelal in oblikoval Matic Kaltenekar -->
</HEAD>
<BODY>
<H1>Naslov 1</H>
<H3>Naslov 3</H>
<H6>Naslov 6</H>
</BODY>
</HTML> |
Primer 6
<HTML>
<HEAD>
<TITLE>Uvodna stran</TITLE>
<!-- Izdelal in oblikoval Matic Kaltenekar -->
</HEAD>
<BODY>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</BODY>
</HTML> |
Primer 7
<HTML>
<BODY>
<FONT>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</FONT>
</BODY>
</HTML> |
Primer 8
<HTML>
<BODY>
<p><FONT size='3px'>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</FONT></p>
<p><FONT size='1px'>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</FONT></p>
<p><FONT size='5px'>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</FONT></p>
</BODY>
</HTML> |
Primer 9
<HTML>
<BODY>
<FONT size='3px'>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</FONT>
<FONT size='1px'>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</FONT>
</BODY>
</HTML> |
Primer 10
<HTML>
<BODY>
<p><FONT size='3px'>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</FONT></p>
<p><FONT size='1px'>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</FONT></p>
</BODY>
</HTML> |
Primer 11
<HTML>
<BODY>
<FONT size='3px'>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</FONT>
<br>
<FONT size='1px'>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</FONT>
</BODY>
</HTML>
|
Primer 12
<HTML>
<BODY>
<p align="center"><FONT size='3px'>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</FONT></p>
<p align='right'><FONT size='1px'>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</FONT></p>
</BODY>
</HTML>
|
Primer 13
<HTML>
<BODY>
<div align="center">
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</div>
<br>
<div align='right'>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</div>
</BODY>
</HTML>
|
Primer 14
<HTML>
<BODY>
<em>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</em>
</BODY>
</HTML>
|
Primer 15
<HTML>
<BODY>
<b>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</b>
</BODY>
</HTML>
|
Primer 16
<HTML>
<BODY>
<u>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</u>
</BODY>
</HTML>
|
Primer 17
<HTML>
<BODY>
<FONT color='blue'>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</FONT>
<br>
<FONT color='#ff0000'>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</FONT>
</BODY>
</HTML>
|
Primer 18
<HTML>
<BODY>
<FONT face='Arial'>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</FONT>
<br>
<FONT face='Comic Sans Ms'>
Sem Matic Kaltenekar. Živim na Drulovki pri Kranju.
Sem oblikovalec in avtor knjige Vodič po jeziku HTML.
</FONT>
</BODY>
</HTML>
|
Primer 19
<HTML>
<BODY>
<FONT face='Arial'>
Sem Matic Kaltenekar. Sem oblikovalec in avtor knjige
Vodič po jeziku HTML.
</FONT>
<UL>
<FONT face='Comic Sans Ms'>
Sem Matic Kaltenekar. Sem oblikovalec in avtor knjige
Vodič po jeziku HTML.
</FONT>
</UL>
</BODY>
</HTML>
|
Primer 20
<HTML>
<BODY>
<UL>
<LI>Primer 1
<LI>Primer 2
<LI>Primer 3
<LI>Primer 4
</UL>
</BODY>
</HTML>
|
1.3 Vstavljanje in urejanje slike
Primer 21
<HTML>
<BODY>
<IMG src='slike/jaz.jpg'>
</BODY>
</HTML> |
Primer 22
<HTML>
<BODY>
<IMG src='slike/jaz.jpg' width='250' height='200'>
</BODY>
</HTML>
|
Primer 23
<HTML>
<BODY>
<IMG src='slike/jaz.jpg' width='250' height='200'
title='Matic Kaltenekar'>
</BODY>
</HTML>
|
Primer 24
<HTML>
<BODY>
<IMG src='slike/jaz.jpg' width='250' height='200'
alt='Matic Kaltenekar'>
</BODY>
</HTML>
|
Primer 25
<HTML>
<BODY>
<IMG src='slike/jaz.jpg' width='250' height='200'
border='1'>
<IMG src='slike/jaz.jpg' width='250' height='200'
border='10'>
</BODY>
</HTML>
|
Primer 26
<HTML>
<BODY>
<IMG src='slike/jaz.jpg' width='250' height='200'
align='right'>
</BODY>
</HTML>
|
Primer 27
<HTML>
<BODY>
<IMG src='slike/jaz.jpg' width='250' height='200'
align='left'>
Bla bla bla bla bla bla bal bla bla bla bla bla bal
bla bla bla bla bla bal bla bla bla bla bla bal bla
bla bla bla bla bal bla bla bla bla bla bal bla bla
bla bla bla bal bla bla bla bla bla bal bla bla bla
bla bla bal bla bla bla bla bla bla bal bla bla bla
bla bla bal bla bla bla bla bla bal bla bla bla bla
bla bal bla bla bla bla bla bal bla bla bla bla bla
bal bla bla bla bla bla bal bla bla bla bla bla bal
bla bla bla bla bla bal bla bla bla bla bla bla bal
bla bla bla bla bla bal bla bla bla bla bla bal bla
bla bla bla bla bal bla bla bla bla bla bal bla bla
bla bla bla bal bla bla bla bla bla bal bla bla bla
bla bla bal bla bla bla bla bla bal
</BODY>
</HTML>
|
Primer 28
<HTML>
<BODY>
<IMG src='slike/jaz.jpg' width='250' height='200'
align='left' hspace='20' vspace='10'>
Bla bla bla bla bla bla bal bla bla bla bla bla bal
bla bla bla bla bla bal bla bla bla bla bla bal bla
bla bla bla bla bal bla bla bla bla bla bal bla bla
bla bla bla bal bla bla bla bla bla bal bla bla bla
bla bla bal
bla bla bla bla bla bla bal bla bla bla bla bla bal
bla bla bla bla bla bal bla bla bla bla bla bal bla
bla bla bla bla bal bla bla bla bla bla bal bla bla
bla bla bla bal bla bla bla bla bla bal bla bla bla
bla bla bal bla bla bla bla bla bla bal bla bla
bla bla bla bla bla bal bla bla bla bla bla bal bla
bla bla bla bla bal bla bla bla bla bla bal bla bla
bla bla bla bal bla bla bla bla
</BODY>
</HTML>
|
1.4 Vstavljanje in urejanje povezave
Primer 29
<HTML>
<BODY>
<A href='povezava.html'>Povezava</A>
</BODY>
</HTML>
|
Primer 30
<HTML>
<BODY>
<A href='http://www.pasadena.si'>
Povezava</A>
</BODY>
</HTML>
|
Primer 31
<HTML>
<BODY>
<A href='povezava.html'><FONT color='red'>
Povezava</FONT></A>
</BODY>
</HTML>
|
Primer 32
<HTML>
<BODY>
<A href='povezava.html' style='text-decoration:underline'>Povezava</A>
</BODY>
</HTML>
|
Primer 33
<HTML>
<BODY>
<A href='povezava.html' style='text-decoration:overline'>Povezava</A>
</BODY>
</HTML>
|
Primer 34
<HTML>
<BODY>
<A href='povezava.html' style='text-decoration:
line-through'>Povezava</A>
</BODY>
</HTML>
|
Primer 35
<HTML>
<BODY>
<A href='povezava.html' style='text-decoration:none'>Povezava</A>
</BODY>
</HTML>
|
Primer 36
<HTML>
<BODY>
<A href='povezava.html' target='_blank'>Povezava</A>
</BODY>
</HTML>
|
Primer 37
<HTML>
<BODY>
<A href='povezava.html' target='_self'>Povezava</A>
</BODY>
</HTML>
|
1.5 Izdelava menija
Primer 38
<HTML>
<BODY>
<A href='mailto:matic.kaltenekar@gmail.com'>
Kontakt</A>
</BODY>
</HTML>
|
Primer 39
<HTML>
<BODY>
<A href='index.html'>
DOMOV</A> /
<A href='povezava.html'>
POVEZAVA</A> /
<A href='povezava2.html'>
POVEZAVA2</A> /
<A href='povezava3.html'>
POVEZAVA3</A> /
<A href='mailto:matic.kaltenekar@gmail.com'>
KONTAKT</A>
</BODY>
</HTML>
|
Primer 40
<HTML>
<BODY>
<B>DOMOV</B> /
<A href='povezava.html'>
POVEZAVA</A> /
<A href='povezava2.html'>
POVEZAVA2</A> /
<A href='povezava3.html'>
POVEZAVA3</A> /
<A href='mailto:matic.kaltenekar@gmail.com'>
KONTAKT</A>
</BODY>
</HTML>
|
Primer 41
<HTML>
<BODY bgcolor='#52d4ff'>
</BODY>
</HTML>
|
Primer 42
<HTML>
<BODY background='slike/ozadje.jpg'>
</BODY>
</HTML> |
2.Poglavje
2- TABELE:
2.1 Tabele
Primer 43
<HTML>
<BODY>
<TABLE WIDTH='200'>
</TABLE>
</BODY>
</HTML>
|
Primer 44
<HTML>
<BODY>
<TABLE WIDTH='200' HEIGHT='100'>
</TABLE>
</BODY>
</HTML>
|
Primer 45
<HTML>
<BODY>
<TABLE WIDTH='200'>
<TR>
</TR>
<TR>
</TR>
<TR>
</TR>
</TABLE>
</BODY>
</HTML>
|
Primer 46
<HTML>
<BODY>
<TABLE WIDTH='200'>
<TR>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
</TR>
</TABLE>
</BODY>
</HTML>
|
Primer 47
<HTML>
<BODY>
<table width='200' BORDER='1'>
<TR>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
</TR>
</table>
</BODY>
</HTML>
|
Primer 48
<HTML>
<BODY>
<table width='100' BORDER='1'>
<TR>
<TD>H</TD>
<TD>H</TD>
</TR>
<TR>
<TD>H</TD>
<TD>H</TD>
</TR>
<TR>
<TD>H</TD>
<TD>H</TD>
</TR>
</table>
</BODY>
</HTML>
|
Primer 49
<table width='100' BORDER='1'>
<TR>
<TD> </TD>
<TD>H</TD>
</TR>
|
Primer 50
<table width='100' border='1' BORDERCOLOR='RED'>
<TR>
<TD> </TD>
<TD>H</TD>
</TR>
|
Primer 51
<HTML>
<BODY>
<TABLE
WIDTH='200'>
<TR>
<TD>H</TD>
<TD>H</TD>
</TR>
<TR>
<TD COLSPAN='2'>H</TD>
</TR>
</TABLE>
</BODY>
</HTML> |
Primer 52
<HTML>
<BODY>
<TABLE
WIDTH='200' BORDER='1' BGCOLOR='GRAY'>
<TR>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
</TR>
</TABLE>
</BODY>
</HTML> |
Primer 53
| <HTML> <BODY>
<TABLE WIDTH='200' BORDER='1' BACKGROUND='slike/ozadje.jpg'>
<TR>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
</TR>
</TABLE>
</BODY>
</HTML>
|
Primer 54
| <HTML> <BODY>
<TABLE WIDTH='200' BORDER='1'>
<TR>
<TD bgcolor='red'> </TD>
</TR>
<TR>
<TD BACKGROUND='slike/ozadje.jpg'> </TD>
</TR>
</TABLE>
</BODY>
</HTML>
|
Primer 55
<HTML>
<BODY>
<TABLE
WIDTH='200' BORDER='1'>
<TR bgcolor='red'>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD > </TD>
<TD> </TD>
<TD> </TD>
</TR>
</TABLE>
</BODY>
</HTML>
|
Primer 56
<HTML>
<BODY>
<TABLE
WIDTH='400' BORDER='1'>
<TR>
<TD><div
align='right'>To je naše beedilo, ki smo ga za prikaz
primera postavili v desno poravnavo.<div></TD>
<TD >To pa je besedilo navadno levo poravnano</TD>
</TR>
</TABLE>
</BODY>
</HTML>
|
Primer 57
| <HTML> <BODY>
<TABLE WIDTH='400' BORDER='1' cellpadding='10'>
<TR>
<TD><div align='right'>To je naše beedilo,
ki smo ga za prikaz primera postavili v desno poravnavo.<div></TD>
<TD >To pa je besedilo navadno levo poravnano</TD>
</TR>
</TABLE>
</BODY>
</HTML>
|
Primer 58
<HTML>
<BODY>
<TABLE
WIDTH='400' BORDER='1' cellspacing='10'>
<TR>
<TD><div align='right'>To je naše beedilo,
ki smo ga za prikaz primera postavili v desno poravnavo.<div></TD>
<TD >To pa je besedilo navadno levo poravnano</TD>
</TR>
</TABLE>
</BODY>
</HTML>
|
2.2
Postavitev spletne strani v tabele
Primer 59
| <HTML> <BODY>
<TABLE WIDTH='720' BORDER='0'>
<TR>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
</TR>
</TABLE>
</BODY>
</HTML>
|
Primer 60
| <HTML> <BODY>
<TABLE WIDTH='720' BORDER='0'>
<TR HEIGHT='80'>
<TD> </TD>
</TR>
<TR HEIGHT='25'>
<TD> </TD>
</TR>
<TR HEIGHT='200'>
<TD> </TD>
</TR>
</TABLE>
</BODY>
</HTML>
|
Primer 61
| <HTML> <BODY>
<TABLE WIDTH='720' BORDER='0'>
<TR HEIGHT='80'>
<TD COLSPAN='2'> </TD>
</TR>
<TR HEIGHT='25'>
<TD COLSPAN='2'> </TD>
</TR>
<TR HEIGHT='200'>
<TD WIDTH='200'> </TD>
<TD WIDTH='520'> </TD>
</TR>
</TABLE>
</BODY>
</HTML>
|
Primer 62
| <HTML> <BODY>
<TABLE WIDTH='720' BORDER='0'>
<TR HEIGHT='80'>
<TD COLSPAN='2'>
<img src='slike/glava.jpg' width='720' height='80'
alt='Glava spletne strani
' title='Glava'>
</TD>
</TR>
<TR HEIGHT='25'>
<TD COLSPAN='2'> </TD>
</TR>
<TR HEIGHT='200'>
<TD WIDTH='200'>
<img src='slike/slika.jpg' width='190' height='190'
alt='Slika mucka miškota' title='Miško'>
</TD>
<TD WIDTH='520'> </TD>
</TR>
</TABLE>
</BODY>
</HTML>
|
Primer 63
</TR>
<TR HEIGHT='25'>
<TD COLSPAN='2'>
<a href='index.htm'>DOMOV</a>
- ?
<a href='omeni.htm'>O MENI</a> -
<a href='mailto:matic.kaltenekar@gmail.com'>MAIL</a>
</TD>
</TR>
|
2.3
Postavitev spletne strani v tabele
Primer 64
<HTML>
<HEAD>
<BODY>
<IFRAME>
</IFRAME>
</BODY>
</HEAD>
</HTML>
|
Primer 65
<HTML>
<HEAD>
<BODY>
<IFRAME SRC='iframe.htm'>
</IFRAME>
</BODY>
</HEAD>
</HTML>
|
Primer 66
<HTML>
<HEAD>
<BODY>
<IFRAME SRC='iframe.htm' FRAMEBORDER='0'>
</IFRAME>
</BODY>
</HEAD>
</HTML>
|
Primer 67
<HTML>
<HEAD>
<BODY>
<IFRAME SRC='iframe.htm' FRAMEBORDER='1' WIDTH='400'>
</IFRAME>
</BODY>
</HEAD>
</HTML>
|
Primer 68
<HTML>
<HEAD>
<BODY>
<IFRAME SRC='iframe.htm' WIDTH='100' SCROLLING='auto'>
</IFRAME>
</BODY>
</HEAD>
</HTML>
|
Primer 69
<HTML>
<HEAD>
<BODY>
<IFRAME SRC='iframe.htm' WIDTH='100' SCROLLING='yes'>
</IFRAME>
</BODY>
</HEAD>
</HTML>
|
Primer 70
<HTML>
<HEAD>
<BODY>
<IFRAME SRC='iframe.htm' WIDTH='100' SCROLLING='no'>
</IFRAME>
</BODY>
</HEAD>
</HTML>
|
Primer 71
<HTML>
<HEAD>
<BODY>
<IFRAME SRC='iframe.htm' WIDTH='300' SCROLLING='auto'
VSPACE='100'HSPACE='50'>
</IFRAME>
</BODY>
</HEAD>
</HTML>
|
3.
Poglavje 3 - CSS:
3.1 Zapis in uporaba
CSS
Primer 72
Primer 73
BODY {
background-color: red;
} |
Primer 74
BODY.RED {
background-color: red;
}
|
Primer 75
BODY.RED {
background-color: red;
}
BODY.BLUE {
background-color: blue;
}
|
Primer 76
<HTML>
<HEAD>
<LINK
REL='STYLESHEET'>
</HEAD> <BODY>
</BODY>
</HTML>
|
Primer 77
<HTML>
<HEAD>
<LINK
REL='STYLESHEET' TYPE='Text/CSS'>
</HEAD>
<BODY>
</BODY>
</HTML>
|
Primer 78
<HTML>
<HEAD>
<LINK
REL='STYLESHEET' TYPE='Text/CSS' HREF='styles.css'>
</HEAD> <BODY>
</BODY>
</HTML>
|
Primer 79
BODY.RED {
background-color: red;
}
BODY.BLUE {
background-color: blue;
}
|
Primer 80
<HTML>
<HEAD>
<LINK
REL='STYLESHEET' TYPE='Text/CSS' HREF='styles1.css'>
</HEAD>
<BODY CLASS='blue'>
</BODY>
</HTML>
|
Primer 81
<HTML>
<HEAD>
<LINK
REL='STYLESHEET' TYPE='Text/CSS' HREF='styles1.css'>
</HEAD>
<BODY CLASS='red'>
</BODY>
</HTML>
|
Primer 82
BODY.RED {
background-color: red;
}
BODY.BLUE {
background-color: blue;
}
P {
color: yellow;
}
|
3.2
Oblikovanje besedila
Primer 83
FONT.RED {
color: red;
}
FONT.PINK {
color: pink;
}
P {
color: blue;
}
H1 {
color: green;
}
|
Primer 84
<HTML>
<HEAD>
<LINK
REL='STYLESHEET' TYPE='Text/CSS' HREF='styles.css'>
</HEAD>
<BODY>
<font class='red'>Rdece
besedilo</font>
<font class='pink'>Roza
besedilo</font>
<p>Modro besedilo<p>
<h1>Zeleno besedilo</h1>
</BODY>
</HTML>
|
Primer 85
FONT.RED {
color: #ff0000;
}
FONT.PINK {
color: #ffc0cb;
}
P {
color: #0000ff;
}
H1 {
color: #008000;
}
|
Primer 86
FONT.COMIC {
font-family: Comic Sans MS;
}
FONT.VERDANA {
font-family : Verdana;
}
FONT.ARIAL {
font-family: Arial;
}
|
Primer 87
FONT.6 {
font-size: 6pt;
}
FONT.11 {
font-size : 11pt;
}
FONT.40 {
font-size: 40pt;
}
|
Primer 88
FONT.6 {
font-size: 6px;
}
FONT.11 {
font-size : 11px;
}
FONT.40 {
font-size: 40px;
}
|
Primer 89
FONT.1 {
font-size: 1in;
}
FONT.3 {
font-size : 3in;
}
FONT.5 {
font-size: 5in;
}
|
Primer 90
FONT.15 {
font-size: 15mm;
}
FONT.2 {
font-size : 2cm;
}
FONT.23 {
font-size: 23mm;
}
|
Primer 91
FONT.majhna {
font-size: x-small;
}
FONT.srednja {
font-size : medium;
}
FONT.velika {
font-size: x-large;
}
|
Primer 92
FONT.lezece {
font-style: italic;
}
|
Primer 93
FONT.krepko {
font-weight: bold;
}
|
Primer 94
FONT.podctrano {
text-decoration: underline;
}
|
Primer 95
FONT.nadcrtano {
text-decoration: overline;
}
|
Primer 96
FONT.precrtano {
text-decoration: line-through;
}
|
Primer 97
FONT.utripa {
text-decoration: blink;
}
|
Primer 98
p.center {
text-align: center;
}
p.levo {
text-align: left;
}
p.desno {
text-align: right;
}
|
Primer 99
h1.10 {
letter-spacing: 10px;
}
|
Primer 100
p.30 {
lline-height: 30px;
}
|
Primer 101
p.50 {
text-indent: 50px;
}
|
Primer 102
ul.list {
list-style-image: url(list.jpg);
}
|
3.3
Oblikovanje povezav
Primer 103
a:link{
}
a:visited{
}
a:hover{
}
a:active {
}
|
Primer 104
<HTML>
<HEAD>
<LINK
REL='STYLESHEET' TYPE='Text/CSS' HREF='styles.css'>
</HEAD>
<BODY>
Tukaj se razločno vidi kaj je <a href="povezava.htm">povezava</a>.
</BODY>
</HTML>
|
Primer 105
a:link{ text-decoration: none;
color: blue;
}
a:visited{ text-decoration: none;
color: blue;
}
a:hover{ text-decoration: underline;
color: blue;
}
a:active { text-decoration: none;
color: blue;
}
|
Primer 106
a:link{ color: red;
}
a:visited{color: red;
}
a:hover{ color: green;
}
a:active {color: green;
}
|
Primer 107
a:link{
color: red;
}
a:visited{
color: red;
}
a:hover{ font-weight: bold;
color: green;
}
a:active { font-weight: bold;
color: green;
}
|
Primer 108
td.bg:hover{background-color: yellow;
}
a:link{color: red;
}
a:visited{color: red;
}
a:hover{color: green;
}
a:active {color: green;
}
|
3.4
Oblikovanje tabel
Primer 109
td.1 {
border-width: 1px;
}
td.5 {
border-width: 5px;
}
td.10 {
border-width: 10px;
}
|
Primer 110
table.navadna {
border-style: solid ;
}
table.crt {
border-style: dashed ;
}
table.pik {
border-style: dotted ;
}
table.dvojna {
border-style: double;
}
|
Primer
111
table.groove {
border-style: groove ;
}
table.ridge {
border-style: ridge ;
}
table.inset {
border-style: inset ;
}
table.outset {
border-style: outset;
}
|
Primer 112
table.red {
border-color: red ;
}
table.blue {
border-color: blue ;
}
|
Primer 113
table.1 {
border-color: red yellow blue pink;
border-style: dotted solid solid double;
border-wight: 1px 3px 1px 3px;
}
table.2 {
border-color: red orange white green;
border-style: outset dashed groove ridge;
border-wight: 1px 3px 1px 3px;
}
|
3.5
Slika za ozadje
Primer 114
body {
background-image: url('bg.jpg');
}
|
Primer
115
body {
background-image: url('bg.jpg');
background-repeat: repeat-x;
}
|
Primer 116
body {
background-image: url('bg.jpg');
background-repeat: repeat-y;
}
|
Primer 117
body {
background-image: url('bg.jpg');
background-repeat: no-repeat;
}
|
Primer 118
body {
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-position: center;
}
|
Primer 119
body {
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
|
3.6
Kazalci miške
Primer 120
body {
crousor: crosshair;
}
|
4.
Poglavje 4 - META TAGI in FORMI:
4.1 Meta tagi
Primer 121
| <HTML> <HEAD>
<META name='Author' content='Matic Kaltenekar'>
</HEAD>
<BODY >
</BODY>
</HTML>
|
Primer 122
<HTML>
<HEAD>
<META
content='charset=iso-8859-2'>
</HEAD>
<BODY >
</BODY>
</HTML>
|
Primer 123
<HTML>
<HEAD>
<META name=' description' content=' Spletna knjigarna
in založba računalniške literature Pasadena, uvoz tuje
strokovne literature, trgovina z programsko in digitalno
opremo, E-butik.'>
</HEAD>
<BODY
>
</BODY>
</HTML>
|
Primer 124
| <HTML> <HEAD>
<META name=' keywords' content=' spletna, knjigarna,
računalniška, strokovna, literatura, knjiga, založba
,pasadena, član, redna cena, program, oprema, microsoft,
priročnik, vodnik, dohodnina'>
</HEAD>
<BODY >
</BODY>
</HTML>
|
Primer 125
| <HTML> <HEAD>
<META http-equiv='refresh' content='5'>
</HEAD>
<BODY >
</BODY>
</HTML>
|
Primer 126
| <HTML> <HEAD>
<META http-equiv='refresh' content='5; url=http://www.pasadena.si'>
</HEAD>
<BODY >
</BODY>
</HTML>
|
Primer 127
| <HTML> <HEAD>
<META name='refresh' content='6.5.2006, 22:25'>
</HEAD>
<BODY >
</BODY>
</HTML>
|
4.2
Forms
Primer 128
| <HTML> <BODY>
<FORM>
</FORM>
</BODY>
</HTML>
|
Primer 129
| <HTML> <BODY>
<FORM>
<table width='500' border='0'>
<tr>
<td width='150' valign="'top'>
<div align='right'></div>
</td>
<td width='350'></td>
</tr>
</table>
</FORM>
</BODY>
</HTML>
|
Primer 130
| <HTML> <BODY>
<FORM>
<table width='500' border='0'>
<tr>
<td width='150' valign='top'><div align='right'>
Sporočilo:</div></td>
<td width='350'><textarea name='textarea'
rows='10' cols='40'>Tukaj napišite sporočilo
</textarea></td>
</tr>
</table>
</FORM>
</BODY>
</HTML>
|
Primer 131
| <HTML> <BODY>
<FORM>
<table width='500' border='0'>
<tr>
<td width='150' valign='top'><div align='right'>
Sporočilo:</div></td>
<td width='350'><textarea name='textarea'
rows='10' cols='40'>Tukaj napišite sporočilo
</textarea></td>
</tr>
<tr>
<td colspan='2'><div align='center'><input
type='submit' value='Pošlji'></div></td>
</tr>
</table>
</FORM>
</BODY>
</HTML>
|
Primer 132
| <HTML> <BODY>
<FORM>
<table width='500' border='0'>
<tr>
<td width='150' valign='top'><div align='right'>
Sporočilo:</div></td>
<td width='350'><textarea name='textarea'
rows='10' cols='40'>Tukaj napišite sporočilo
</textarea></td>
</tr>
<tr>
<td colspan='2'><div align='center'><input
type='submit' value='Pošlji'> <input type='reset'
value='Počisti'></div></td>
</tr>
</table>
</FORM>
</BODY>
</HTML>
|
Primer 133
| <HTML> <BODY>
<FORM>
Vaše ime: <input type="text" name="textfield">
</FORM>
</BODY>
</HTML>
|
Primer 134
| <HTML> <BODY>
<FORM>
Vam je všeč naša spletna predstavitev?<br>
Da: <input type='radio' name='radiobutton'><br>
Ne: <input type='radio' name='radiobutton'>
</FORM>
</BODY>
</HTML>
|
Primer 135
| <HTML> <BODY>
<FORM>
S čim se radi ukvarjate?<br>
S plavanjem: <input type='checkbox' name=' checkbox
'>
</FORM>
</BODY>
</HTML>
|
Primer 136
| <HTML> <BODY>
<FORM>
<SELECT name='meni'>
<OPTION>1988</OPTION>
<OPTION>1989</OPTION>
<OPTION>1990</OPTION>
<OPTION>1991</OPTION>
</SELECT>
</FORM>
</BODY>
</HTML>
|
Primer 137
| <HTML> <BODY>
<FORM>
<SELECT name='meni'>
<OPTION selected>LETO</OPTION>
<OPTION>1988</OPTION>
<OPTION>1989</OPTION>
<OPTION>1990</OPTION>
<OPTION>1991</OPTION>
</SELECT>
</FORM>
</BODY>
</HTML>
|
6.
Poglavje 6- JavaScript:
6.1 Zapis osnovne
kode
Primer 138
<HTML>
<HEAD>
</HEAD>
<BODY> <SCRIPT type='text/javascript'>
</SCRIPT>
</BODY>
</HTML>
|
Primer 139
<HTML>
<HEAD>
</HEAD>
<BODY> <SCRIPT type='text/javascript'>
document.write('Oblikovanje spletnih strani')
</SCRIPT>
</BODY>
</HTML>
|
6.2
Popup okna
Primer 140
<SCRIPT type='text/javascript'>
function disp_alert()
{
alert('To je naše opozorilno okno')
}
</SCRIPT>
|
Primer 141
<BODY>
<form>
<input
type='button' onclick='disp_alert()' value='OPOZORILO!'>
</form>
</BODY>
|
Primer 142
<SCRIPT type='text/javascript'>
function disp_alert()
{
alert('To je naša prva vrstica' + '\n' + 'in to je naša
druga vrstica')
}
</SCRIPT>
|
Primer 143
<SCRIPT type='text/javascript'>
function disp_confirm()
{
var name=confirm('Si resnično želite povezati na to
stran?')
if (name==true)
{
document.write('Resnično si želite povezati na to splteno
stran')
}
else
{
document.write('Ne želite si povezati na to spletno
stran')
}
}
</SCRIPT>
|
Primer 144
<SCRIPT type='text/javascript'>
function disp_confirm()
{
var name=confirm('Želite obiskati iskalnik google.com?');
if (name==true)
{
window.location='http://www.google.com';
}
else
{
window.location='http://www.yahoo.com';
}
}
</SCRIPT>
|
Primer 145
<SCRIPT type='text/javascript'>
function disp_prompt()
{
var name=prompt('Vpišite vaše ime in priimek!')
if(name!='')
{
document.write('Živjo ' + name + '!')
} }
</SCRIPT>
|
Primer 146
<SCRIPT type='text/javascript'>
alert('Pozdravljeni na spletni strani!')
</SCRIPT>
|
Primer 147
<BODY onUnload="alert('Nasvidenje!')">
<BODY>
|
6.3
Spremenljivke
Primer 148
<SCRIPT type='text/javascript'>
mesto='New York';
document.write('Mesto '+mesto+' je zelo veliko');
</SCRIPT>
|
Primer 149
<SCRIPT type='text/javascript'>
denar=10000;
document.write('Na našem bančnem računu imamo '+denar+'
');
</SCRIPT>
|
Primer 150
<SCRIPT type='text/javascript'>
x=123;
y=9;
document.write(x/y)
</SCRIPT>
|
Primer 151
<SCRIPT type='text/javascript'>
x=123;
y=9;
document.write ('Rezultat števila ' +x+ ' in ' +y+ '
je ' +(x/y))
</SCRIPT>
|
Primer 152
<SCRIPT type='text/javascript'>
x=123;
y=9;
document.write(x+y)
</SCRIPT>
|
Primer 153
<SCRIPT type='text/javascript'>
x=123;
y=9;
r1=(x+y);
</SCRIPT>
|
Primer 154
<SCRIPT type='text/javascript'>
x=123;
y=9;
r1=(x+y);
r2=(r1*x);
</SCRIPT>
|
Primer 155
<SCRIPT type='text/javascript'>
x=123;
y=9;
r1=(x+y);
r2=(r1*x);
r3=(x-y);
r4=(r2/r3);
document.write(Rezultat je+' '+r4);
</SCRIPT>
|
6.4
IF stavki
Primer 156
<SCRIPT type='text/javascript'>
var d = new Date()
var time = d.getHours()
if (time < 10)
{
document.write('Dobro jutro')
}
</SCRIPT>
|
Primer 157
<SCRIPT type='text/javascript'>
var d = new Date()
var time = d.getHours()
if (time < 1)
{
document.write('Dobro jutro')
}
else {
document.write('Dober dan')
}
</SCRIPT>
|
Primer 158
<SCRIPT type='text/javascript'>
var d = new Date()
theDay=d.getDay()
switch (theDay)
{
case 5:
document.write('Petek')
break
case 6:
document.write('Sobota')
break
case 0:
document.write('Nedelja')
break
default:
document.write('Kdaj bo vikend?')
}
</SCRIPT>
|
6.5
LOOP
Primer 159
<SCRIPT type='text/javascript'>
for (i = 0; i <= 5; i++)
{
document.write('Startno mesto ' + i)
document.write('<br>')
}
</SCRIPT>
|
Primer 160
<SCRIPT type='text/javascript'>
var i=0
for (i=0;i<=5;i++)
{
if (i==3){continue}
document.write('Startno mesto ' + i)
document.write('<br>')
}
</SCRIPT>
|
6.6
Ostale funkcije
Primer 161
<SCRIPT type='text/javascript'>
document.write('Ime: <br>')
document.write(navigator.appName + '</br>')
document.write('Verzija: <br>')
document.write(navigator.appVersion + '</br>')
document.write('Platforma: <br>')
document.write(navigator. platform + '</br>')
document.write('Kodno Ime: <br>')
document.write(navigator.appCodeName + '</br>')
document.write('Ime: <br>')
document.write(navigator. browserLanguage + '</br>')
</SCRIPT>
|
Primer 162
<SCRIPT type='text/javascript'>
function mouseOver()
{
document.b1.src ='gumb2.jpg'
}
function mouseOut()
{
document.b1.src ='gumb1.jpg'
}
</SCRIPT>
|
Primer 163
<BODY>
<a href="http://www.pasadena.si"
target="_blank"
onmouseover="mouseOver()"
onmouseout="mouseOut()">
<img border="0"
alt="Gumb" src="gumb1.jpg" name="b1"
width="150" height="150" /></a>
<BODY>
|
Primer 164
| <BODY> <FORM name='gumb'>
Vaše ime: <input type="text" name="ime"><br>
Vaš e-mail <input type="text" name="e-mail"><br>
<FORM>
<BODY>
|
Primer 165
| <BODY> <FORM name='gumb'>
Vaše ime: <input type="text" name="ime"><br>
Vaš e-mail <input type="text" name="e-mail"><br>
<A href='javascript:document.gumb.submit()'><IMG
src='gumb.gif'></a>
<FORM>
<BODY>
|
Primer 166
<SCRIPT type='text/javascript'>
function doClock() {
window.setTimeout( "doClock()", 1000 );
danes = new Date();
self.status = danes.toString();
}
doClock()
</SCRIPT>
|
|
Untitled Document
|
