Djvix

Djvix

 

 

Djvix

Site Navigation    


 Home

 Webmaster

 Sapnai

 *Gr@fity*

 Muzikos pasaulis

 I pradzia

 
 
 

HTML pagrindai

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:

  1. Pasirinkite pagrindinio meniu punkt? View. Source ir paziurekite, kaip HTML kalba aprasytas sis puslapis.
  2. 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?.



Darbas su tekstu

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? mirks?ti. 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:

  • Kava
  • Arbata

? 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:

  1. Kava
  2. 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



Paveiksleliai

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:

  • Kava
  • Arbata

? 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:

  1. Kava
  2. 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

  • 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 klaviša ant išskirto 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">Pašto 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 pašto nuorodas.


  • Lenteles

    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.



    Remeliai

    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



    Papildoma informacija

    Specialūs simboliai

    Simbolis Kodas Aprašymas
    " &quot; Citatos pradžios ar pabaigos ženklas
    & &amp; Vadinamasis loginis (matematinis) 'ir' (and)
    < &lt; Ženklas 'mažiau'
    > &gt; Ženklas 'daugiau'
    ' ' &nbsp; Ženklas, reiškiantis vietą, kurioje negalimas perkėlimas ar eilutės dalijimas, bet yra tarpas
    ­ &shy; Trumpas brūkšniukas eilutės vidurio linijoje
    ? &copy; Autorinių teisių (copyright) ženklas
    ? &reg; Registruoto firmos ženklo (registered trademark) simbolis
    ? &trade; Firmos ženklo (trademark) simbolis
    ¹ &sup1; Mažas vienetas virš eilutės vidurio linijos (superscript). Va taip: x¹
    ² &sup2; Mažas dvejetas virš eilutės vidurio linijos (superscript)
    ³ &sup3; Mažas trejetas virš eilutės vidurio linijos (superscript)
    ? &para; Pastraipos pabaigos ženklas
    ? &middot; Taškas elutės vidurio linijoje
    ? &laquo; Dvigubas ženklas 'mažiau'
    ? &raquo; Dvigubas ženklas 'daugiau'
    ¼ &frac14; Viena ketvirtoji
    ½ &frac12; Viena antroji
    ¾ &frac34; Trys ketvirtosios
    ¡ &iexcl; Apverstas aukštyn kojomis šauktukas
    ¢ &cent; Cento ženklas
    £ &pound; Svaro sterlingų ženklas
    ? &curren; Bendras valiutos ženklas
    ¥ &yen; Jenos ženklas
    ? &brvbar; Ištisinis vertikalus brūkšnys
    ? &sect; Pastraipos (skyriaus) ženklas
    ? &not; Loginės operacijos "ne" (neigimo) ženklas
    ? &deg; Laipsnių ženklas, pavyzdžiui C?
    ? &plusmn; Ženklas "plius-minus"
    ? &micro; Ženklas, reiškiantis priešdėlį "micro" (graikiška raidė miu)
    × &times; Daugybos ženklas
    ÷ &divide; Dalybos ženklas

    Naudingos nuorodos:

    JavaScript
    HTML mokymo programos
    Interneto kursas
    Idomus ir naudingi WWW puslapiai


     

     

    Create a free website at Webs.com 

    Djvix