|
|
|
 |
|
Liux dalykeliai ir nemokamai! :D Ivadas

Šios svetainės paskirtis - suteikti žinių ir įgūdžių, reikalingų paprasčiausio WWW dokumento sukūrimui. Nuosekliai susipažinę su čia pateikta medžiaga Jūs žinosite: kas tai yra HTML kaip kuriamas HTML dokumentas kokia yra HTML dokumento struktūra Atlikę nurodytus pratimus mokėsite: formatuoti tekstą HTML dokumente formuoti pastraipas nustatyti reikiamą šriftą, šrifto dydį, teksto spalvą naudoti sąrašus įterpti paveikslėlius kurti nuorodas
Kas tai yra HTML
HTML (HyperText Markup Language) - tai WWW puslapi? apra?ymo kalba, kuria "kalba" pasaulinio tinklo WWW serveriai ir kuri? "supranta" tinklo nar?ykl?s. I?vertus ? lietuvi? kalb? tai reik?t? Hiperteksto ?ym?jimo (arba formavimo) kalba. ?i kalba yra pastoviai tobulinama, papildoma naujomis galimyb?mis.
WWW puslapis - tai papras?iausias tekstinis failas, kuriame be mums ?prasto teksto yra ?terpti tarnybiniai ?od?iai. Jei tekst? skaitysime su paprastu tekst? redaktoriumi (pvz. Notepad), matysime visas komandas.
Interneto standartu tapusi HTML - tai ne programavimo kalba ir ne grie?tas dokumento formatas. HTML vis? pirma apra?o login? WWW puslapi? strukt?r?: dokument? bei juos sudaran?i? skyri? ir skirsni? antra?tes, pastraipas, iliustracijas, lenteles, nuorodas ? kitus dokumentus ar kitokius duomenis ir t.t.
Uzduotys:
- Pasirinkite pagrindinio meniu punkt? View. Source ir paziurekite, kaip HTML kalba aprasytas sis puslapis.
- Pasirinkite 2 Jums patinkancius internetinius puslapius ir paziurekite ju aprasymus HTML kalba.
HTML dokumento struktura
Tegai
HTML kalbos komandos vadinamos TEGAIS. Tegas ? tai simboliai, skirti vaizdo formavimui dokumente. Patys jie perziurint dokument? narsykle nematomi.
Kai kurios komandos turi taip vadinamus pradedan?iuosius ir u?baigian?iuosius tegus (pvz. teksto "pariebinimo" (angl. Bold) komanda galioja nuo komandos prad?ios tego iki komandos pabaigos tago . Jei komanda turi u?baigiant?j? teg?, jis sutampa su komandos pradedan?iuoju tagu, tik prie? j? ra?omas pasvir?s br?k?nys "/".
Tegai, kuriems reikalingas u?baigiantysis tegas, vadinami tegais-konteineriais.
Tego-konteinerio strukt?ra
Kai kurie tegai (toki? ma?uma) neturi u?baigian?iojo (pvz. perk?limo ? kit? eilut? tegas )
Ne konteinerinio tego strukt?ra
Puslapio skeletas
Dokumentas be jokio turinio atrodys taip:
Pirma ir paskutin? eilut?s (<HTML> ir </HTML>) ?ymi, kad tai yra HTML dokumentas. Nors dauguma nar?ykli? supranta ir gali atvaizduoti dokumentus be ?i? teg?, vis d?lto patartina juos naudoti.
HTML dokument? sudaro dvi pagrindin?s dalys: antra?t? (HEAD) ir pagrindin? dokumento dalis (BODY). Antra?t?je da?niausiai nurodomas dokumento pavadinimas. Jis matysis nar?ykl?s lango antra?tin?je eilut?je. Pavyzd?iui, ?io dokumento antra?t?je ?ra?yta <TITLE>Papras?iausio WWW dokumento k?rimas</TITLE>
Taip pat jame gali b?ti nurodoma papildoma informacija apie dokument?, praver?ianti dirbant su paie?kos programomis ar naudojant dokumente koki? nors programavimo kalb?.
|
|
Teksto formatavimas
Pagrindiniai teksto formatavimo b?dai
Pagrindiniai trys teksto stiliai yra: pary?kintas (bold), kursyvas (italic) ir pabrauktas (underline). Juos atitinka komandos B, I ir U:
| Komanda |
Pabaigos ?ym? |
Pavyzdys |
| <B> |
</B> |
?is tekstas ry?kesnis ir geriau matomas |
| <I> |
</I> |
Tai ?velnus, "pasvir?s" tekstas (kursyvas) |
| <U> |
</U> |
Pabrauktas tekstas, paprastai kas nors svarbaus |
?rifto keitimas
?rifto ir spalvos keitimui naudojama komanda <FONT>, kurios pabaigos ?ym? yra </FONT>. Pagrindiniai ?ios komandos atributai:
| HTML komanda |
Trumpas apra?ymas |
Pavyzd?iai |
| <FONT FACE="?riftas"> tekstas </FONT> |
Tekstas bus vaizduojamas nurodytu ?riftu, jei toks yra vartotojo kompiuteryje |
Monospace, Garamond |
| <FONT COLOR="#rrggbb"> tekstas </FONT> |
Tekstas vaizduojamas spalva, nurodyta ?e?ioliktainiu kodu (rrggbb). Spalv? galima nurodyti ir raktiniu ?od?iu. |
geltona, ?alia, raudona |
| <FONT SIZE="dydis"> tekstas </FONT> |
Nurodo, kokio dyd?io turi b?ti raid?s. Leistini skai?iai nuo 1 iki 7. 1 atitinka 9 ta?k? dyd?, o 7 - 36-i?. Dydis gali b?ti nurodomas ir reliatyviai: -3, -2, -1, +1, +2, +3 - nurodo kiek turi pasikeisti raid?i? dydis, lyginant su naudojamomis. |
trys, keturi, vienas |
Galima ra?yti ir kelet? atribut? vienoje komandoje. Pavyzd?iui, komandos <FONT SIZE="4" FACE="Garamond" COLOR="#FF0000"> rezultatas bus toks: Ketvirto dyd?io m?lynas tekstas, ra?ytas "Garamond" ?riftu
Pastaba: Jei ?rifto, kur? nurod?te, vartotojo kompiuteryje nebus, tai laukiamo efekto nebus. Taigi, patariama nepiktnaud?iauti ?ia galimybe.
Galima nurodyti ir ?rift?, skirt? visam dokumento tekstui, i?skyrus ribojam? komanda <FONT>. Tai daroma komanda <BASEFONT> be pabaigos ?ym?s, kurios atributai tokie pat, kaip ir komandos <FONT>.
Loginiai formatai
Teksto, esan?io tarp ?i? komand? pabaigos ir prad?ios ?ymi?, realus vaizdas gali keistis priklausomai nuo kompiuterio ir naudojamos nar?ykl?s.
| Komanda |
Paai?kinimas |
Pavyzdys |
| <CITE> tekstas <CITE> |
Tai komanda, skirta cituojamam tekstui pa?ym?ti. Paprastai tekstas b?na para?ytas kursyvu |
"Mokytis, mokytis ir dar kart? mokytis !" |
| <EM> tekstas </EM> |
Analogija poligrafiniam kursyvui. Paprastai tai tekstas kursyvu. |
typographic emphasis |
| <KBD> tekstas </KBD> |
Skirta tekstui, para?ytam ar gautam i? vartotojo klaviat?ros. Paprastai tai tekstas monospace ?riftu. |
Keyboard - monospace font |
| <STRONG> tekstas </STRONG> |
Analogija pary?kintam poligrafiniam kursyvui. Paprastai tai pary?kintas tekstas. |
strong typographic emphasis |
| <VAR> tekstas </VAR> |
Paprastai nurodo kintamojo vard?. Tekstas da?niausiai para?ytas kursyvu. |
Tokiu ?riftu ra?ykite kintam?j? vardus |
Fiziniai formatai
Tai teksto formatavimo komandos, kurios nepriklauso nuo per?i?ros program?. Tarp j? yra ir min?tos <B>, <I> ir <U> komandos.
- <BIG> tekstas </BIG> - tekstas taps truput? didesnis u? aplinkin?.
- <BLINK> tekstas </BLINK> - tekstas tur?t? . Ar mirksi? Jei ne, vadinasi j?s? nar?ykl? "nesupranta" ?ios komandos.
- <SMALL> tekstas </SMALL> - tekstas taps truput? ma?esnis u? aplinkin?.
- <STRIKE> tekstas </STRIKE> - tekstas bus
perbrauktas, kaip neteisingas ?odis tekste...
- <SUB> tekstas </SUB> - tekstas bus truput? ?emiau ir ma?esnis u? aplinkin?.
- <SUP> tekstas </SUP> - tekstas bus truput? auk?ciau ir ma?esnis u? aplinkin?.
- <TT> tekstas </TT> - teletaipo teksto stilius - fixed-width typewriter font.
Teksto grupavimo komandos
<BR> Teksto perk?limas ? nauj? eilut?, nepaliekant vertikalaus tarpo tarp teksto iki ir po komandos. Pavyzdys:
?tai pirma eilut? O ?tai antra eilut?
<SPACER> Komanda, skirta tarpams tekste formuoti. J? "supranta" tik Netscape Navigator. Pavyzd?iai:
?tai ?ia horizontalus 25 ta?k? ilgio tarpas - . ?ia jis baigiasi. O dabar tokio pat dyd?io vertikalus tarpas - ?i eilut? tur?t? b?ti "atitraukta ?emyn nuo vir?utin?s. Panaudosime atribut? BLOCK, 25x25 dyd?io tarpui sukurti: Pabaiga Trumpa eilut?.
<NOBR> ... </NOBR> Nedalijamas ? eilutes teksto fragmentas. Pavyzdys:
Tekstas tekstas tekstas, dar truputi teksto, kuo daugiau teksto, na o dabar pavadinimas: <NOBR>Vilniaus Universitetas<NOBR>.
<WBR> Komanda nurodo nar?yklei, kurioje vietoje testas gali b?ti perkeltas ? kit? eilut?, jei to prireikt?. Pavyzdys (tekstas prasidedantis po kablelio yra "apskliaustas" komandos <NOBR> ir jos pabaigos ?ym?s):
Tekstas tekstas tekstas, dar truputi teksto, kuo daugiau teksto, na o dabar pavadinimas:<WBR> Vilniaus Universitetas.
<PRE> ... </PRE> Tekstas bus pateiktas fiksuotu ?riftu ir taip, kaip jis para?ytas (kaip paprastas tekstinis failas). Pavyzdys:
Stai keletas tarpu: O dabartekstas.....
O cia kita eilute ir nepanaudota nei vienos HTML komandos !!!
<CENTER> ... </CENTER> Tekstas, esantis tarp komandos ir jos pabaigos ?ym?s, bus centruojamas, t.y. atsidurs puslapio viduryje jo vertikali? kra?t? at?vilgiu. Pavyzdys:
?is tekstas yra per pat? viduriuk?...
<DIV> ... </DIV> Tai komanda, skirta dalies teksto orientacijai keisti: t.y. lygiuoti j? ? kair?j?/de?in? kra?t? arba centruoti. Pavyzd?iai:
Komanda <DIV ALIGN=LEFT>?is tekstas lygiuojasi ? kair?j? ka?t?.</DIV>. Ir rezultatas:
?is tekstas lygiuojasi ? kair?j? ka?t? (<DIV ALIGN=LEFT>)
?is tekstas yra puslapio centre (<DIV ALIGN=CENTER>)
?is tekstas lygiuojasi ? de?in?j? ka?t? (<DIV ALIGN=RIGHT>)
<BLOCKQUOTE> ... <BLOCKQUOTE> Komanda skirta citatoms i?skirti. Pavyzdys:
Manau , kad ?od?iai
Sumerk blakstienas - ir as ateisiu, - Tau i?bu?iuosiu plaukus melsvus - Be pareig? ir be joki? teisi?, - Kaip ir tas v?jas - jaunas, gaivus.
Yra i? Salom?jos N?ries eil?ra??io.
<ADDRESS> ... <ADDRESS> Komanda, skirta adresui, autoriui ar kitai tokio tipo informacijai ra?yti. Pavyzdys:
Tekstas ... po to adresas
Mr. Cosmic Kumquat SSL Trusters Inc. 1234 Squeamish Ossifrage Road Anywhere NY 12345 U.S.A.
v?l tekstas ...
<HR> Horizontali linija. Pavyzd?iai:
(<HR ALIGN="LEFT" WIDTH="50%">)
(<HR ALIGN="CENTER" WIDTH="50%">)
(<HR ALIGN="RIGHT" WIDTH="50%">)
- <HR NOSHADE> - tai stora "ne?spausta" linija be ????li? - tiems kam reikia tikrai solid?ios linijos:
-
- <HR COLOR=vardas|#rrggbb> - galima nurodyti kokios spalvos bus linija vartojant spalvos vard? arba ?e?ioliktain? kod?. Pavyzd?iai:
-
Pastaba:Jei pavyzdys apra?yme neatitinka to kas para?yta, tai dar nerei?kia, kad jis neteisingas, gal tiesiog J?s? nar?ykl? "nesupranta" kai kuri? naudojam? komand? ar j? atribut?. Patikrinkite tai.
Nenumeruotas s?ra?as
Kiekvienas s?ra?o elementas ?ymimas ?enkliuku (pagal nutyl?jim? tai b?na juodas rutuliukas)
Nenumeruoto s?ra?o prad?i? ?ymi tegas <ul>. Kiekvienam s?ra?o elementui i?skirti naudojamas tegas <li>. <ul>
<li>Kava</li>
<li>Arbata</li>
</ul>
O ?itaip atrodo nar?ykl?je:
? s?ra?? galima ?traukti pastraipas, paveiksl?lius, kitus s?ra?us ir kt.
Numeruotas s?ra?as
S?ra?o elementai yra numeruojami.
Numeruotas s?ra?as pradedamas tegu <ol>. Kiekvienam s?ra?o elementui i?skirti naudojamas tegas <li>. <ol>
<li>Kava</li>
<li>Arbata</li>
</ol>
O ?itaip atrodys nar?ykl?je:
- Kava
- Arbata
? s?ra?? taip pat galima ?traukti pastraipas, paveiksl?lius, kitus s?ra?us ir kt.
Apibr??im? s?ra?as
Tai ne element?, o termin? ir j? paai?kinim? s?ra?as.
Apibr??im? s?ra?as pradedamas tegu <dl>. Kiekvienas terminas pradedamas tegu <dt>. Kiekvienas paai?kinimas pradedamas tegu <dd>. <dl>
<dt>Kava</dt>
<dd>Geras g?rimas</dd>
<dt>Arbata</dt>
<dd>Galb?t kitiems irgi geras g?rimas</dd>
</dl>
O ?itaip atrodys nar?ykl?je:
- Kava
- Geras g?rimas
- Arbata
- Galb?t kitiems irgi geras g?rimas
Vietoj termin? ir paai?kinim? galima talpinti ir kitus elementus
|
|
Nenumeruotas s?ra?as
Kiekvienas s?ra?o elementas ?ymimas ?enkliuku (pagal nutyl?jim? tai b?na juodas rutuliukas)
Nenumeruoto s?ra?o prad?i? ?ymi tegas <ul>. Kiekvienam s?ra?o elementui i?skirti naudojamas tegas <li>. <ul>
<li>Kava</li>
<li>Arbata</li>
</ul>
O ?itaip atrodo nar?ykl?je:
? s?ra?? galima ?traukti pastraipas, paveiksl?lius, kitus s?ra?us ir kt.
Numeruotas s?ra?as
S?ra?o elementai yra numeruojami.
Numeruotas s?ra?as pradedamas tegu <ol>. Kiekvienam s?ra?o elementui i?skirti naudojamas tegas <li>. <ol>
<li>Kava</li>
<li>Arbata</li>
</ol>
O ?itaip atrodys nar?ykl?je:
- Kava
- Arbata
? s?ra?? taip pat galima ?traukti pastraipas, paveiksl?lius, kitus s?ra?us ir kt.
Apibr??im? s?ra?as
Tai ne element?, o termin? ir j? paai?kinim? s?ra?as.
Apibr??im? s?ra?as pradedamas tegu <dl>. Kiekvienas terminas pradedamas tegu <dt>. Kiekvienas paai?kinimas pradedamas tegu <dd>. <dl>
<dt>Kava</dt>
<dd>Geras g?rimas</dd>
<dt>Arbata</dt>
<dd>Galb?t kitiems irgi geras g?rimas</dd>
</dl>
O ?itaip atrodys nar?ykl?je:
- Kava
- Geras g?rimas
- Arbata
- Galb?t kitiems irgi geras g?rimas
Vietoj termin? ir paai?kinim? galima talpinti ir kitus elementus
|
|
Nuorodos
Nuorodos
Vidines nuorodos
Nuorodos
Nuorodoms formuoti naudojama komanda <A> (anchor). Tarkime, Jus norite sukurti nuoroda i kita savo dokumenta, vardu 'pvz2.html'. Komanda atrode taip:
<A HREF ="pvz2.html">Mano antras puslapis</A>. Dokumente tai atrodys itaip:
Mano antras puslapis, o veiks, spustelejus peles kairi klavia ant iskirto teksto.
Vidines nuorodos
Vidine nuoroda galite susikurti taip: <HTML> <HEAD> <TITLE>Papras?iausio WWW dokumento kurimas</TITLE> </HEAD> <BODY> <A href="#nuorodos"> Nuorodos</a>> <A href="#vidnuor">Vidines nuorodos</a> <A href="#mailnuor">Pato nuorodos</a> <A href="nuorodos"> Nuorodos</a> Tekstas apie nuorodas. <A href="vidnuor">Vidines nuorodos</a> Tekstas apie vidines nuorodas. <A href="mailnuor">Pasto nuorodos</a> Tekstas apie pato nuorodas.
|
|
Lenteles, lenteles, lenteles...
Komandos, kurios naudojamos su table atributu
| Komandos |
Paai?kinimai |
| Cellspasing |
Skiriamosios lasteliu erdves dydlis. |
| Cellpadding |
Atstumas nuo lasteles turinio iki jos kra?to. |
| Align |
"Slankios" lenteles padetis dokumente. |
| Valign |
Lenteles lasteliu ar vienos eilutes, vienos lasteles turinio vertikali orientacija. |
| Background |
Nuoroda i lenteles ar lasteles fono grafinio paveiksliuko faila. |
| Bordercolor |
Lenteles, eilutes ar lasteles remeliu spalva. |
| Nowarp |
Lasteles turinys neperkeliamas. |
| Colspan |
Lasteles dalijimas i du stulpelius. |
| Rowspan |
Lasteles dalijimas i dvi eilutes. |
Paprasta lentele
- Komandos
<TABLE> <CAPTION> Pavadinimas </CAPTION> <TR> < !-- Stulpeli? pavadinimai --> <TH> Pirmas stulpelis </TH> <TH> Antras stulpelis </TH> </TR> <TR> < !-- Pirma eilut? --> <TD> Duomenys </TD> <TD> Duomenys </TD> </TR> </TABLE>
- Rezultatas
-
Pavadinimas
| Pirmas stulpelis |
Antras stulpelis |
| Duomenys |
Duomenys |
<TABLE>Atributu panaudojimas
- Komandos
<TABLE CELLSPACING=10 BORDER=4 CELLPADDING=5 ALIGN="RIGHT" WIDTH="70%" BGCOLOR="##b4ddc7"> <TR> < !-- Stulpeli? pavadinimai --> <TH> Pirmas stulpelis </TH> <TH> Antras stulpelis </TH> </TR> <TR> < !-- Pirma eilut? --> <TD> Duomenys </TD> <TD> Duomenys </TD> </TR> ... </TABLE>
- Rezultatas
| Pirmas stulpelis |
Antras stulpelis |
| Duomenys |
Duomenys |
<TR>Atributu panaudojimas
- Komandos
<TABLE ALIGN="RIGHT" BORDER=1> <TR BGCOLOR="##b4ddc7"> <TH> Pirmas stulpelis </TH> <TH> Antras stulpelis </TH> </TR> <TR BGCOLOR="#FFFFFF" ALIGN="Center"> <TD> Duomenys </TD> <TD> Duomenys </TD> <TR VALIGN="Middle"><TD> Duomenys <BR> Antra eilut?</TD> <TD> Duomenys </TD> </TR> ... </TABLE>
- Rezultatas
| Pirmas stulpelis |
Antras stulpelis |
| Duomenys |
Duomenys |
Duomenys Antra eilut? |
Duomenys |
<TD>, <TH>Atributu panaudojimas
- Komandos
<TABLE BORDER=1 ALIGN="RIGHT" WIDTH="70%"> <TR BGCOLOR="#b4ddc7"><TH COLSPAN=2> Pirmas stulpelis </TH> <TH ROWSPAN=2> Antras stulpelis </TH></TR> <TR BGCOLOR="##b4ddc7"><TH BGCOLOR="#808080"> Pirma stulpelio dalis </TH> <TH> Antra stulpelio dalis</TH></TR> <TR BGCOLOR="#FFFFFF" ALIGN="Center"><TD>Daug daug daug daug duomen? </TD> <TD NOWRAP> Daug daug daug daug duomen? </TD> <TD VALIGN="Bottom">Kiti duomenys</TD></TR> <TR VALIGN="Middle"> <TD ALIGN="Right" ROWSPAN=2>Duomenys <BR>Antra eilut?</TD> <TD ROWSPAN=2> Duomenys </TD><TD>Pirma eilut?</TD></TR> <TR><TD ALIGN="Right">Antra eilut?</TD></TR> </TABLE>
- Rezultatas
| Pirmas stulpelis |
Antras stulpelis |
| Pirma stulpelio dalis |
Antra stulpelio dalis |
| Daug daug daug daug duomen? |
Daug daug daug daug duomen? |
Kiti duomenys |
Duomenys Antra eilut? |
Duomenys |
Pirma eilut? |
| Antra eilut? |
Pavyzdys - lentel?s formavimo schema
- Komandos
<TABLE BORDER=1 ALIGN="CENTER" BACKGROUND="images/a091.jpg"> <TR><TH COLSPAN=4>TABLE</TH></TR> <TR> <TD ROWSPAN=3 ALIGN="Center" VALIGN="Middle"> Align<BR> Width<BR> Border<BR> Cellspacing<BR> Cellpadding <BR> Bgcollor<BR> Background</TD> <TH ROWSPAN=2>CAPTION</TH> <TH COLSPAN=2>TR</TH> </TR> <TR><TD ROWSPAN=2 ALIGN="Center" VALIGN="Middle"> Align<BR> Valign<BR> Bgcolor</TD> <TH>TD arba TH</TH></TR> <TR ALIGN="Center" VALIGN="Middle"> <TD>Align</TD> <TD>Align<BR> Valign<BR> Width<BR> Height<BR> Nowarp<BR> Colspan<BR> Rowspan<BR> Bgcolor</TD> </TR> <CAPTION><B>Lentel?s formavimo schema</B></CAPTION> </TABLE>
- Rezultatas
| TABLE |
Align Width Border Cellspacing Cellpadding Bgcollor Background |
CAPTION |
TR |
Align Valign Bgcolor |
TD arba TH |
| Align |
Align Valign Width Height Nowarp Colspan Rowspan Bgcolor |
Lentel?s formavimo schema
Pastaba: Jei pavyzdys apra?yme neatitinka to, kas para?yta, tai dar nerei?kia, kad jis neteisingas, gal tiesiog j?s? nar?ykl? "nesupranta" kai kuri? naudojam? komand? ar j? atribut?. Patikrinkite tai. Be to, ?ia pamin?ta tik dalis komand? ir atribut?, o skirtingos nar?ykl?s da?nai "supranta" skirtingas komandas.
|
|
Remeliu kurimas
R?meli? (frames) valdymo dokumento strukt?ra
<HTML>
<HEAD> ... </HEAD>
<FRAMESET ... > _______________
<FRAMESET ... > _____ |
<FRAME ... > | |
<FRAME ... > | |
<FRAME ... > | |
</FRAMESET> _________| |
<FRAME ... > |
</FRAMESET> ___________________|
<NOFRAME> Paai?kinimas </NOFRAME>
</HTML>
R?meli? (frames) valdymo dokumento element? parametrai <FRAMESET>: ROWS="n%,n,*" arba COLS="n%,n,*" <FRAME>: NAME=vardas (r?meli? dalies vardas);
MARGINHEIGHT=auk?tis (matuojamas ta?kais);
MARGINWIDTH=plotis (matuojamas ta?kais);
FRAME - komanda formuoja vien? r?melio dal?;
NOFRAME dalis skirta r?meli? "nesuprantan?ioms" per?i?ros programoms;
ROWS - per?i?ros lango dalijimas ? keliat? hoorizontali? dali?
?enklas * rei?kia likusi? lango dal?;
COLS - per?i?ros lango dalijimas ? keliat? vertikali? dali?;
FRAMEBORDER=yes|no|0 (matomi ir nematomi r?meliai);
BORDER=r?meli? storis
BORDERCOLOR=#00000|spalvos pavadinimas (r?meli? spalva);
NORESIZE - u?draudimas keisti dalies dyd?;
SCROLLING=yes|no|auto (slinkties juosta de?iniajame r?melio ?one
visada yra, niekada n?ra, pagal situacij?;
SRC=failo adresas
ALIGN=LEFT|CENTER|RIGHT|TOP|BOTTOM - lygiavimo tipas;
Instrukcija, i?vedanti dokument? ? r?mel? (frame) <A HREF="HTML byla" TARGET="r?melio vardas">
R?meli? (frames) k?rimo pavyzdys
<HTML> <HEAD> <TITLE>HTML apra?ymas r?meliuose</TITLE> </HEAD>
<FRAMESET ROWS="50,*"> <!-- Langas dalijamas ? dvi horizontalias dalis - vien? 50 ta?k? plo?io, o kit? - u?iman?i? vis? likusi? lango dal? --> </FRAMESET> <FRAME SCROLLING="no" NAME="title" NORESIZE SRC="title.html"> <!-- Pirmoji lango dalis pavadinama title vardu ir joje dedamas dokumentas title.html. ?i lango dalis netur?s liniuot?s de?iniajame ?one ir jos dyd?io nebus galima keisti -->
<FRAMESET COLS="20%,80%"> <!-- Antra dalis savo ruo?tu dalijama ? dvi vertikalias dalis - viena u?ims 20% dalies, kita - 80% -->
<!-- Nauj? dviej? lango dali? apibr??imas --> <FRAME SCROLLING="yes" NAME="turinys" SRC="index.html"> <FRAME SCROLLING="yes" NAME="main">
</FRAMESET> <NOFRAME> ?is dokumentas skirtas tik toms per?i?ros programoms, kurios suteikia galimyb? naudoti r?melius. </NOFRAME>
J?s? tinklalapis tur?t? atrodyti taip:
| Antra?tinis dokumentas |
| HTML apra?ymo turinys |
Nuorodos dokumentas |
|
|
Specialūs simboliai
| Simbolis |
Kodas |
Aprašymas |
| " |
" |
Citatos pradžios ar pabaigos ženklas |
| & |
& |
Vadinamasis loginis (matematinis) 'ir' (and) |
| < |
< |
Ženklas 'mažiau' |
| > |
> |
Ženklas 'daugiau' |
| ' ' |
|
Ženklas, reiškiantis vietą, kurioje negalimas perkėlimas ar eilutės dalijimas, bet yra tarpas |
| |
­ |
Trumpas brūkšniukas eilutės vidurio linijoje |
| ? |
© |
Autorinių teisių (copyright) ženklas |
| ? |
® |
Registruoto firmos ženklo (registered trademark) simbolis |
| ? |
™ |
Firmos ženklo (trademark) simbolis |
| ¹ |
¹ |
Mažas vienetas virš eilutės vidurio linijos (superscript). Va taip: x¹ |
| ² |
² |
Mažas dvejetas virš eilutės vidurio linijos (superscript) |
| ³ |
³ |
Mažas trejetas virš eilutės vidurio linijos (superscript) |
| ? |
¶ |
Pastraipos pabaigos ženklas |
| ? |
· |
Taškas elutės vidurio linijoje |
| ? |
« |
Dvigubas ženklas 'mažiau' |
| ? |
» |
Dvigubas ženklas 'daugiau' |
| ¼ |
¼ |
Viena ketvirtoji |
| ½ |
½ |
Viena antroji |
| ¾ |
¾ |
Trys ketvirtosios |
| ¡ |
¡ |
Apverstas aukštyn kojomis šauktukas |
| ¢ |
¢ |
Cento ženklas |
| £ |
£ |
Svaro sterlingų ženklas |
| ? |
¤ |
Bendras valiutos ženklas |
| ¥ |
¥ |
Jenos ženklas |
| ? |
¦ |
Ištisinis vertikalus brūkšnys |
| ? |
§ |
Pastraipos (skyriaus) ženklas |
| ? |
¬ |
Loginės operacijos "ne" (neigimo) ženklas |
| ? |
° |
Laipsnių ženklas, pavyzdžiui C? |
| ? |
± |
Ženklas "plius-minus" |
| ? |
µ |
Ženklas, reiškiantis priešdėlį "micro" (graikiška raidė miu) |
| × |
× |
Daugybos ženklas |
| ÷ |
÷ |
Dalybos ženklas |
Naudingos nuorodos:
JavaScript HTML mokymo programos Interneto kursas Idomus ir naudingi WWW puslapiai
|
|
|