Back to site
Since 2004, our University project has become the Internet's most widespread web hosting directory. Here we like to talk a lot about web servers, web development, networking and security services. It is, after all, our expertise. To make things better we've launched this science section with the free access to educational resources and important scientific material translated to different languages.

tnellen - List stil

List stil
Raditi u Raw-u:
Bare Bones HTML-a i neki zavodljivi kodovi za Dressing Modestly


List stil STYLE SHEET!
List stil
Raditi u Raw-u:
Bare Bones HTML-a i neki zavodljivi kodovi za Dressing Modestly


Pico editor

Kada se prijavite na vaš školski nalog, videćete gotov:
[tnellen@students webdocs]$
Svi vaši fajlovi koji se vide na Internetu se nalaze u direktorijumu zvanom webdocs. Umesto tnellen vi ete videti vašu prijavu. To je gotov UNIX. Komandu koju vi ukucate da bi kreirali ili editovali fajl je pico posle kojeg sledi ime fajla koji vi želite da kreirate ili editujete. Da bi kreirali fajl, neka vam ime bude prosto i pisano malim slovima kojima prethodi (period)html, Na primer: pico index.html da editujete vašu naslovnu stranu. Da kreirate fajl: pico newfilename.html.
Koristite Learn basic Putty i UNIX komande u meniju iznad da bi naučili više o temi.

Osnove


Vrh
<center> Ovako centrirate tekst</center>

Singl razmak dobija br na kraju linije <br>
Dupli razmak dobija p na kraju linije<p>

<i>italics</i>
<b>bold</b>
<u>underline</u>

Evo jednog zgodnog trika. Da kažemo da hoćete da napišete poruku koju niko ne vidi, recimo podsetnik. U DOS-u je to REM kod.

Otvori sa: <!--
Vaša poruka ide između ovih kodova. Ovo se ne pojavljuje na veb stranici, ali ce biti viđeno u View source
Završi sa: -->

Naslovi

Vrh

<h1>Heading 1</h1>

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Horizontalna pravila


Vrh


<hr>



<hr align=left size=5 width=75%>



<hr size=3 width=50%>



<hr align=right size=1 width=25%>



<hr noshade size=5 width=50% align=center>

Font

Vrh

Osnovni font može biti uspostavljen korišćenjem bazičnog fonta=n formula. <bazicni font=4>

Promena fontova:

veličina

    <font size=+1> F </font> <font size=+2> O </font> <font size=+3> N </font> <font size=+4> T </font>

    Ako želite ovako:
    <font size=6>A</font>ko vi želite ovako:

LICE

BOJA

<font color="green">GREEN TEXT</font>

Grafikoni boja

Specijalni znakovi

É é ¿ ¢ Ñ ñ itd Više

Uvučeno

Vrh

  1. <dd> Da biste uvukli samo prvu liniju, pritisnite like TAB u paragrafu i možete koristiti ovaj kod da uvučete prvi red.

    <dd> Čovek koji se verio je obešen i ima otprilike trideset pet godina starosti. Bio je civilno lice, i ako neko može suditi po njegovim navikama a to je da je bio plantažer. Njegove karakteristike su bile dobre--prav nos, čvrsta usta, uspravno čelo, sa kojeg je njegova duga crna kosa bila počešljana unatrag, padajući iza njegovih ušiju do kragne njegovog kaputa. Nosio je brkove i zašiljenu bradu, ali nije imao zaliske, oči su mu bile velike i sive boje, i imao je nežan izraz lica od koga se teško moglo pomisliti da će tako nešto uraditi. Evidentno ovo nije bio vulgarni ubica. Libelarni vojni kodeks čini vojsku privlačnom za razne vrste ljudi, a ni džentlmeni nisu isključeni.

  2. Da biste uvukli ceo pasus ostavite samo marginu, koristite ovaj kod <ul> pre nego što paragrafirate i ovaj drugi kod, </ul> na kraju paragrafiranja.

      <ul> Čovek koji se verio je obešen i ima otprilike trideset pet godina starosti. Bio je civilno lice, i ako neko može suditi po njegovim navikama a to je da je bio plantažer. Njegove karakteristike su bile dobre--prav nos, čvrsta usta, uspravno čelo, sa kojeg je njegova duga crna kosa bila počešljana unatrag, padajući iza njegovih ušiju do kragne njegovog kaputa. Nosio je brkove i zašiljenu bradu, ali nije imao zaliske, oči su mu bile velike i sive boje, i imao je nežan izraz lica od koga se teško moglo pomisliti da će tako nešto uraditi. Evidentno ovo nije bio vulgarni ubica. Libelarni vojni kodeks čini vojsku privlačnom za razne vrste ljudi, a ni džentlmeni nisu isključeni. </ul>

  3. Da uvučete obe strane i levu i desnu marginu, koristite <blockquote> na početku pasusa i </blockquote> na kraju pasusa.

    <blockquote> Čovek koji se verio je obešen i ima otprilike trideset pet godina starosti. Bio je civilno lice, i ako neko može suditi po njegovim navikama a to je da je bio plantažer. Njegove karakteristike su bile dobre--prav nos, čvrsta usta, uspravno čelo, sa kojeg je njegova duga crna kosa bila počešljana unatrag, padajući iza njegovih ušiju do kragne njegovog kaputa. Nosio je brkove i zašiljenu bradu, ali nije imao zaliske, oči su mu bile velike i sive boje, i imao je nežan izraz lica od koga se teško moglo pomisliti da će tako nešto uraditi. Evidentno ovo nije bio vulgarni ubica. Libelarni vojni kodeks čini vojsku privlačnom za razne vrste ljudi, a ni džentlmeni nisu isključeni. </blockquote>

  4. Uvlačenje

    <p style='text-indent:-25'> (25 је proizvoljan na vašem delu)

    Čovek koji se verio je obešen i ima otprilike trideset pet godina starosti. Bio je civilno lice, i ako neko može suditi po njegovim navikama a to je da je bio plantažer. Njegove karakteristike su bile dobre--prav nos, čvrsta usta, uspravno čelo, sa kojeg je njegova duga crna kosa bila počešljana unatrag, padajući iza njegovih ušiju do kragne njegovog kaputa. Nosio je brkove i zašiljenu bradu, ali nije imao zaliske, oči su mu bile velike i sive boje, i imao je nežan izraz lica od koga se teško moglo pomisliti da će tako nešto uraditi. Evidentno ovo nije bio vulgarni ubica. Libelarni vojni kodeks čini vojsku privlačnom za razne vrste ljudi, a ni džentlmeni nisu isključeni.

  5. Da bi opravdali levu i desnu marginu koristite <p align=justify>. Naredba za upozorenje: možda će biti više belog prostora između reči da biste postigli ovakav izgled, zato budite oprezni.

    <p align=justify>

    Čovek koji se verio je obešen i ima otprilike trideset pet godina starosti. Bio je civilno lice, i ako neko može suditi po njegovim navikama a to je da je bio plantažer. Njegove karakteristike su bile dobre--prav nos, čvrsta usta, uspravno čelo, sa kojeg je njegova duga crna kosa bila počešljana unatrag, padajući iza njegovih ušiju do kragne njegovog kaputa. Nosio je brkove i zašiljenu bradu, ali nije imao zaliske, oči su mu bile velike i sive boje, i imao je nežan izraz lica od koga se teško moglo pomisliti da će tako nešto uraditi. Evidentno ovo nije bio vulgarni ubica. Libelarni vojni kodeks čini vojsku privlačnom za razne vrste ljudi, a ni džentlmeni nisu isključeni.

  6. Da samo kopirate tekst i koristite NO HTML kodirajući pokušaj <pre> pre teksta i </pre> na kraju teksta.
    <pre>
    Čovek koji se verio je obešen i ima otprilike trideset pet godina starosti. Bio je civilno lice, i ako neko može suditi po njegovim navikama a to je da je bio plantažer. Njegove karakteristike su bile dobre--prav nos, čvrsta usta, uspravno čelo, sa kojeg je njegova duga crna kosa bila počešljana unatrag, padajući iza njegovih ušiju do kragne njegovog kaputa. Nosio je brkove i zašiljenu bradu, ali nije imao zaliske, oči su mu bile velike i sive boje, i imao je nežan izraz lica od koga se teško moglo pomisliti da će tako nešto uraditi. Evidentno ovo nije bio vulgarni ubica. Libelarni vojni kodeks čini vojsku privlačnom za razne vrste ljudi, a ni džentlmeni nisu isključeni. 
    </pre>
    
    

Pravljenje linka

Vrh
za sajt na Internetu:
<a href="http://www.yahoo.com/">Yahoo</a>
Potrebna je puna adresa: http://
Yahoo

Do fajla u vašem veb direktorijumu:
<a href="cylib.html">Cybrary</a>
Primetite kako ne treba da vučete ceo URL, nego samo ime fajla.
Sajber biblioteke

U okviru iste strane:
Kada kliknete na "TOP" na desno, idete na vrh ove stranice. Onda, kada kliknete na "Making Links" na vrhu, dolazite do ovog posta. Zašto?
Kod koji pravi link je: <a href="#top">TOP</a> da biste išli do vrha. nkorišćenje # simbola.
Drugi kod je: <a name=top> koji se nalazi na tački na koju vi želite da idete.

Кorišćenje grafike kao link:

zapišite ovo:
<a href="http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/htmlindex.html">
<img src="http://www.tnellen.com/pics/html.gif">LINK</a>

koji radi ovo:

Otvaranje drugog pretraživača

Možda ćete želeti da neko vidi drugu stranu, posebno onu koja nije u vašoj kontroli i ne želite hir da izgubi vašu stranicu, tako onda dodate target=new na kraju vašeg kodiranog linka.
<a href="http://www.yahoo.com/" target=new>Yahoo</a>
Yahoo

email Ted
<a href="mailto:tnellen@tnellen.com">ted@tnellen.com</a>

Bullets

TOP

  • <li> a bullet

  • Automatska numeracija: Stavite <ol> pre liste i </ol> na kraju liste. Primetite da svaki predmet mora imati <li> ispred što konvertuje iz bullet-a do broja. Numeracija je automatska, tako da možete presložiti predmete na listi dok se još uvek održava propisno sekvenciranje.

    <ol>

    1. <li> an item
    2. <li> an item
    3. <li> an item
    4. <li> an item
    5. <li> an item
    </ol>

    Za više detalja pogledajte ovo:

  • Lists
  • More Lists
  • OL element and more

    кorišćenje gif-a, slike ili ikone
    <img src="http://www.tnellen.com/pics/dotred.gif" WIDTH=14 HEIGHT=14>

    BOJA:

    Vrh
    <body bgcolor=#?????? text=#?????? link=#?????? alink=#?????? vlink=#??????>
    Standard: <body bgcolor=white text=black link=blue alink=magenta vlink=magenta>
    bgcolor je pozadinska boja stranice, i ne treba da se meša sa pozadinom koja je obično gif ili jpg.
    link je boja linka pre nego što je neko prešao na njega
    alink је aktivni link
    vlink је gledani link
    ILI
    <body background="http://www.website.com/filename.gif" or filename.jpg text=#....>
    fiksirane pozadine da rade ovo:
    <body bgproperties=fixed background="http://www.website.com/filename.gif" or filename.jpg text=#....>

    Ако koristite neku drugu grafiku a ne vašu ili neke od onih koje se pojavljuju na www.tnellen.com/pics/ ili sajt koji kaže da možete koristiti njihove slike, onda MORATE tražiti dozvolu za korišćenje te grafike. Koristite ovu formu kao mejl ili kao pismo za vlasnika korisničkih prava, PRE korišćenja grafike.

    bgcolor and background mogu biti na istoj strani. Pozadina će biti standardna, ali ako pozadina ne može da se učita, bgcolor će upasti.

  • ?????? je kod boje iz color chart
  • pozadina je gif ili jpg grafike.

    Preporuka: U mnogim slučajevima možete koristiti imena boja umesto kodova za neke boje, ali ne za sve.U većini slučajeva i sa većinom pretraživača singl reči osnovnih boja kao bela,crna,crvena,plava,zelena,siva, žuta itd.. će raditi. Ipak složena imena boja možda neće raditi. Boja je takođe zavisna od monitora, ta boja se neće pojaviti isto na jeftinom monitoru kao na skupom. Tako da bi mogli da uradite bodyt kod iznad na ovaj način:
    <body bgcolor=white text=black link=blue alink=magenta vlink=magenta>

    Boja fonta

    F + U + N = Zajedničko učenje na Internetu

      <font SIZE="+1" COLOR="#FF0000"> F </font>
      <font SIZE="+1" COLOR="black">+ </font>
      <font SIZE="+1" COLOR="green">U </font>
      <font SIZE="+1" COLOR="black">+ </font>
      <font SIZE="+1" COLOR="blue">N </font>
      <font SIZE="+1" COLOR="black">= </font>
      < font SIZE="+1" COLOR="maroon">Learning Together on the Internet</font>

    Dodavanje grafike

    Vrh

    Dodavanje grafike je jednostavno. Nakon što ste locirali grafiku koju želite da dodate na vašu stranu, nađite u vašem dokumentu gde želite da stavite grafiku. Da bi dodali prostor pre i posle grafike, koristite <p> code. kod. Između ovog kodiranja pišite <img src="URL of GRAPHIC">. Ako želite da ga centrirate koristite centar kod: <center> pre toga i </center> posle toga. Rađe nego da imate grafiku u vašem prostoru servera, što može da prekrši autorska prava, ukazujući na to korišćenjem URL-a. Da biste našli URL grafike koristite desni klik na mišu na grafici i nađite Properties. Kliknite levi klik na mišu na Properties i URL će biti otkriven. Kopirajte URL iz Properties na stranicu gde želite da se vidi grafika.

    Ако koristite neku drugu grafiku a ne vašu ili neke od onih koje se pojavljuju na www.tnellen.com/pics/ ili sajt koji kaže da možete koristiti njihove slike, onda MORATE tražiti dozvolu za korišćenje te grafike. Koristite ovu formu kao mejl ili kao pismo za vlasnika korisničkih prava, PRE korišćenja grafike.

  • Da biste videli neku grafiku pokušajte:
    Grafički indeksi
    Za više grafike

  • PIgranje sa slikama: napredno kodiranje.
    - Ukazujući na izvor
    - visina i širina oznaka
    - Photoshop

    Da biste naučili više u vezi sa grafičkim kodiranjem, vidite ovo za više informacija u vezi rada sa slikama.


    <img src="http://www.tnellen.com/pics/elecschl.gif" width="72" height="72">

    Ing poredak dozvoljava jednostavno korišćenje alfabeta.
    <img src="http://www.tnellen.com/pics/u.gif" align="bottom" WIDTH="59" HEIGHT="61">

    Tabele

    Vrh
    Tabele se koriste za dizajn i da vam dozvole da imate lude, zanimljive pozadine i još uvek nam dozvoljava da čitamo vašu stranicu. Ideja je da imamo tekst boks podešen i centriran na stranici sa pozadinom. Ovo vam dozvoljava da imate pozadinu i nama da imamo tekst. Koristite View Source da bi videli kodiranu tabelu i kako je to urađeno na stranici.

    Evo kako to radi. Na vašoj stranici ćete videti kodiranu tabelu koja je blizu vrha vaše stranice. Možete podesiti deo procenta koji sada iznosi 80%. U td oznaci dodajte do td:bgcolor=white da vidite kako radi. Poigrajte se sa dizajnom.

    Da bi napravili transparentnu ćeliju (td):
    <TD style="background:transparent">

    Instrukcije za tabele Dodajte još jedan Tables sempler. I joč jednu tabelu. Granice tabela.

    Dodavanje zvuka

    TOP

    Prvo pročitajte ovo.
    Zvuk Dodavanje zvuka na vašu stranu.

    Zvuk može biti varljiv i promenjiv. Prvo morate da nađete zvuk. Na primer, možete naći zvučni klip koji želite na CDNOW. Jednom kada ste našli klip, pustite ga u Windows Media formatu. Dok svira, kliknite na File i onda na properties da bi našli URL od tog klipa. Označite ceo URL klipa koji slušate. Potrajaće malo duže. Onda koristite kopirani URL sa odgovarajućom oznakom ispod. Stavite ovaj kod na vrh strane ispod BODY oznake.

    Pozadinska oznaka zvuka

    <BGSOUND> BGSOUND oznaka se koristi sa:

    SRC Format za ovaj atribut je da se podesi jednako i za ime i putanju fajla zvuka koji treba da se postavi u dokumentu.
    LOOP Fajlovi zvuka mogu da se implementiraju kao pozadinski zvuk pomoću LOOP atributa.
    DELAY Autor HTML takođe može odložiti reprodukciju postavljenog zvuka za X broj sekundi pomoću DELAY atributa.

    Na primer:

    <BGSOUND SRC="*.wav">
    Jedna reprodukcija fajla zvuka .
    <BGSOUND SRC="*.wav" LOOP=infinite>
    Neprestana reprodukcija fajla zvuka.
    <BGSOUND SRC="*.wav" DELAY=10>
    Reprodukuje se fajl zvuka sa 10 sekundi zadrške.

    Оznaka zvuka

    <SOUND> SOUND Zvuk oznaka se koristi sa:

    SRC Format za ovaj atribut je da se podesi jednako i za ime i putanju fajla zvuka koji treba da se postavi u dokumentu.
    LOOP Fajlovi zvuka mogu da se implementiraju kao pozadinski zvuk pomoću LOOP atributa.
    DELAY Autor HTML takođe može odložiti reprodukciju postavljenog zvuka za X broj sekundi pomoću DELAY atributa.

    <SOUND SRC="*.wav">
    Jedna reprodukcija fajla zvuka.
    <SOUND SRC="*.wav" LOOP=infinite>
    Neprestana reprodukcija fajla zvuka.
    <SOUND SRC="*.wav" DELAY=10>
    Reprodukuje se fajl zvuka sa 10 sekundi zadrške.

    Ugrađene oznake

    <embed src> Embed oznaka se koristi sa:

    SRC Format za ovaj atribut je da se podesi jednako i za ime i putanju fajla zvuka koji treba da se postavi u dokumentu.
    LOOP Fajlovi zvuka mogu da se implementiraju kao pozadinski zvuk pomoću LOOP atributa.
    DELAY Autor HTML takođe može odložiti reprodukciju postavljenog zvuka za X broj sekundi pomoću DELAY atributa.

    <embed SRC="*.wav">
    Jednom reprodukuje fajl zvuka.
    <embed SRC="*.wav" LOOP=infinite>
    Neprestana reprodukcija fajla zvuka.
    <embed SRC="*.wav" DELAY=10>
    Reprodukcija sa fajla zvuka sa 10 sekundi zadrške.

    Arhiviranje: Trebalo bi da arhivirate sav vaš rad na kraju svakog obeleženog perioda.
    Datum je 050605:mesec, dan, godina, na kojima pravite nove arhive. Korsitite Today za ovo NOT 102004, samo ako niije 6.maj, 2005 godine.
    webdocs)$ mkdir 050605 ENTER Ova komanda pravi novi direktorijum
    webdocs)$ cp *.* 050605 ENTER Ova komanda kopira sve vaše fajlove do novog direktorijuma arhive.
    webdocs)$ cd 050605 ENTER Ova komanda menja ili vas pomera do novog direktorijuma
    050605) $ chmod +r * ENTER Ova komanda dozvoljava drugima da vide vaš novi direktorijum
    050605)$ cd .. ENTER Ova komanda vas vraća do vašeg glavnog direktorijuma
    webdocs)$ Sada ste nazad u svom glavnom direktorijumu.

    Svaki put kada arhivirate dodajte link do nove arhive u “journal.html”.
    Trebalo bi da izgleda ovako:

    <li><a href="http://students.ithsnyc.org/??????/050605/">May 6, 2005</a>
    Napomena: zamentiti ?????? sa vašom lozinkom.
  • Published (Last edited): 19-02-2013 , source: http://www.tnellen.com/school/basic.html