Stiil Leht

Link: http://tnellen.com/school/basic.html

Töö Toores:
Paljad Luud HTML ja Mõned Võrgutav Koodid Kaste Tagasihoidlikult
<cyber koolIAUPLuba TõstaSee leht on tõlgitud serbohorvaadi by Vera Djuraskovic, sisse rumeenia Irina Vasilescu, arvesse prantsuse poolt Avice Robitaille.  

HTML: Muuta oma veebilehele lihtne.
Indeks Elemendid
Proovitekst
HTML-Koodi
Selle pico Toimetaja Loomine ja muutmine failid
PÕHITÕED center, reavahetused, paks kiri, kaldkiri, allajoonitud
Color/Background Lisades värvi & rohkem oma lehele
Graafika/Kujutiste Piltide Lisamine
Horisontaalsete eeskirjade Read kogu oma lehele
Linke Hüperteksti linke teistele lehekülgedele.
Rubriikidesse Pealkiri fondid
Fondid Kuidas muuta ja mängida Fondid
Indenting kaardid ja Taane
Kuulid/Nimekirjad Numbrid ja kuulide eest read
Tabelid Hea viis korraldada lehekülg
Raamid rohkem arenenud korraldada lehel.
Raamid Versioon see leht
Telk Kerimine tekstHeli heli Lisamine oma lehele
Hiirt, suusarajad Lisa disaini rada, et kursor ekraanil
Splash Luua animeeritud lehekülg
PopUp Aken Generaator
PopUp Aken Generaator
PopUp Aken Generaator
Lähtekoodi Faili Script Kaitsta oma koodi
Favicon lehe ikooni
Krüpti HTML-Lähtekoodi Kaitsta oma koodi
Arhiveerimine Arhiivide Loomine
Waka Waka: < > lõbus luuletus on kood
Teine hea HTML-i õpetus
Saada Web Design Määral, Kui jätkata uuring.
ma tahan..
GO2WEB2.0
Juhendaja
HTML-Paul Turtola
HTML-Cheat Sheet Matt Banner
Online How2 Raamatuid HTML on Vaja “käsitsi”?
Rakendused Mozilla Teine hea TASUTA brauser
Kitt VABA PC telnet rakendus
Õppida põhilised Kitt ja UNIX käsud.
CoreLiteFTP VABA PC FTP klient,
FUGU VABA Mac FTP klient,
Irfan TASUTA Graafika redaktor
Audacity Heli toimetaja
Luua PDF-faile converter.
Teisendada PDF2WORD tasuta.
Teisendada PDF2HTML
PDF Konverterite
PDF Coverter, et Office ‘ i faile
ZAMZAR tasuta ümberõppe programm.
Zotero
Mallid
Luua Uus Fail

  1. Tegemine Õpetaja kodulehekülg
  2. Kodutöö avalehele
  3. Kodutöö template
  4. Tegemine Õpilane kodulehekülg
  5. Luua raamatu fail
  6. Kiire ja Määrdunud

Top Ten Vigu, Web Designe-post [email protected] abi

 

 

 

 

 

pico Redaktoris

Kui te logite sisse oma kooli konto, näete kiire:
[[email protected]õpilased webdocs]$
Kõik failid näinud Internetis on kataloog nimega webdocs. Selle asemel, tnellen sa vaata oma kasutajanime. See on UNIX kiire. Käsk kirjutad, et luua või redigeerida faili pico, millele järgneb faili nimi, mida soovite luua või muuta. Luua fail, hoidke nimi lihtne ja väiketähti järgnesid (perioodi)html näiteks: pico index.html muuta oma koduleht. Luua fail: pico newfilename.html.
Kasutada Õppida põhilised Kitt ja UNIX käske menüüs eespool rohkem teada saada.

Põhitõed

<center> See on, kuidas sa center tekst</center>
Ühe kaugus muutub br lõpus line <br>
Double kaugus saab p kell rea lõppu<p><i>italics</i>
<b>julge</b>
<u>underline</u>

Siin on kena trikk. Oletame, et soovite kirjutada märkus, et keegi ei näe, meeldetuletus. DOS see on TÄHELEPANUVÄÄRNE.

Avatud: <!–
Teie märkus läheb vahel need koodid. See ei ole veebis ilmuvad lehele, kuid saab vaadelda Allikas
lõpeb: –>

Rubriikidesse

TOP

<h1>Rubriik1</h1>

Rubriik 2

Rubriik 3

Rubriik 4

Rubriik 5
Rubriik 6

Horisontaalsed Eeskirjad


<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

Base font saab luua, kasutades baasi font=n valem. <base font=4>

Fontide muutmine:

SUURUS

      <font size=+1>

F

       </font> <font size=+2>

O

       </font> <font size=+3>

N

       </font> <font size=+4>

T

       </font>

Kui sa tahad, et see:
<font size=6>I</font>f you want this:

NÄGU<font face=”Comic sans MS”>Comic Sans Text</font>Vali Font Face siin (new Tab)
Mine siia, et seda testida. (Kasuta uue Vahelehe)

Üks hoiatus: kui font nägu sa valida ei ole kasutaja arvutis või kasutaja jõud font oma arvutisse, teie valik ei näita. Teisisõnu kasutaja on font face valida ja lasta sel juhtuda.

VÄRV<font color=”green”>ROHELINE TEKST</font>

Värv Kaardid

Eriline tegelased

É é ¿ ¢ Ñ ñ etc Rohkem

Indenting

<dd> To taande esimene rida AINULT, nagu KAARDIL märgitud punktis, võid kasutada seda koodi ees rida.

<dd> Mees, kes tegeles poos ilmselt oli umbes kolmekümne viie aastane. Ta oli tsiviil, kui võiks kohtunik tema harjumus, mis oli, et planter. Tema funktsioonid olid head–sirge nina, kindel suu, lai otsmik, mis tema pikk, tumedad juuksed olid kammitud sirge selg, mahajäämus oma kõrvad krae tema liibuvat frock coat. Tal olid vuntsid ja pikad habe, kuid mitte niitkristallid; tema silmad olid suured ja tumedad hallid ja oli lahkelt väljend, millest üks oleks vaevalt on oodata üks, kelle kaela oli kanep. Ilmselt see ei olnud labane palgamõrvar. Liberaalse sõjaväelise hoolitseb selle eest rippus palju erinevaid isikuid ja härrad, ei ole välja jäetud.

  • Taande kogu lõigu vasaku veerise AINULT, kasuta seda koodi <ul> enne lõiku ja see üks, </ul> lõpus punkt.
        <ul> Mees, kes tegeles poos ilmselt oli umbes kolmekümne viie aastane. Ta oli tsiviil, kui võiks kohtunik tema harjumus, mis oli, et planter. Tema funktsioonid olid head–sirge nina, kindel suu, lai otsmik, mis tema pikk, tumedad juuksed olid kammitud sirge selg, mahajäämus oma kõrvad krae tema liibuvat frock coat. Tal olid vuntsid ja pikad habe, kuid mitte niitkristallid; tema silmad olid suured ja tumedad hallid ja oli lahkelt väljend, millest üks oleks vaevalt on oodata üks, kelle kaela oli kanep. Ilmselt see ei olnud labane palgamõrvar. Liberaalse sõjaväelise hoolitseb selle eest rippus palju erinevaid isikuid ja härrad, ei ole välja jäetud. </ul>
  • Taande nii vasakule ja paremale marginaalid, kasuta <blockquote> alguses lõikes ja </blockquote> lõpus punkt.

    <blockquote> Mees, kes tegeles poos ilmselt oli umbes kolmekümne viie aastane. Ta oli tsiviil, kui võiks kohtunik tema harjumus, mis oli, et planter. Tema funktsioonid olid head–sirge nina, kindel suu, lai otsmik, mis tema pikk, tumedad juuksed olid kammitud sirge selg, mahajäämus oma kõrvad krae tema liibuvat frock coat. Tal olid vuntsid ja pikad habe, kuid mitte niitkristallid; tema silmad olid suured ja tumedad hallid ja oli lahkelt väljend, millest üks oleks vaevalt on oodata üks, kelle kaela oli kanep. Ilmselt see ei olnud labane palgamõrvar. Liberaalse sõjaväelise hoolitseb selle eest rippus palju erinevaid isikuid ja härrad, ei ole välja jäetud.</blockquote>

  • Hanging indent<p style=’text-indent:-25′> (25 meelevaldne oma osa)mees, kes tegeles poos ilmselt oli umbes kolmekümne viie aastane. Ta oli tsiviil, kui võiks kohtunik tema harjumus, mis oli, et planter. Tema funktsioonid olid head–sirge nina, kindel suu, lai otsmik, mis tema pikk, tumedad juuksed olid kammitud sirge selg, mahajäämus oma kõrvad krae tema liibuvat frock coat. Tal olid vuntsid ja pikad habe, kuid mitte niitkristallid; tema silmad olid suured ja tumedad hallid ja oli lahkelt väljend, millest üks oleks vaevalt on oodata üks, kelle kaela oli kanep. Ilmselt see ei olnud labane palgamõrvar. Liberaalse sõjaväelise hoolitseb selle eest rippus palju erinevaid isikuid ja härrad, ei ole välja jäetud.
  • To õigustada vasakule ja paremale marginaalid kasutamine <p align=justify>. Hoiatus: seal võib olla rohkem tühik sõnade vahel, et saavutada seda vaatama, nii et ole ettevaatlik.<p align=justify>
    Mees, kes tegeles poos ilmselt oli umbes kolmekümne viie aastane. Ta oli tsiviil, kui võiks kohtunik tema harjumus, mis oli, et planter. Tema funktsioonid olid head–sirge nina, kindel suu, lai otsmik, mis tema pikk, tumedad juuksed olid kammitud sirge selg, mahajäämus oma kõrvad krae tema liibuvat frock coat. Tal olid vuntsid ja pikad habe, kuid mitte niitkristallid; tema silmad olid suured ja tumedad hallid ja oli lahkelt väljend, millest üks oleks vaevalt on oodata üks, kelle kaela oli kanep. Ilmselt see ei olnud labane palgamõrvar. Liberaalse sõjaväelise hoolitseb selle eest rippus palju erinevaid isikuid ja härrad, ei ole välja jäetud.
  • Lihtsalt teksti kopeerimine ja kasutamine NR HTML koodis proovige <pre> enne teksti ja </pre> lõpus.
    <pre>
    Mees, kes tegeles poos ilmselt oli umbes kolmekümne viie aasta jooksul
    vanus. Ta oli tsiviil, kui võiks kohtunik tema harjumus, mis oli
    planter. Tema funktsioonid olid head--sirge nina, kindel suu, lai otsmik, 
    mis tema pikk, tumedad juuksed olid kammitud sirge selg, mahajäämus oma kõrvu, et
    krae tema liibuvat frock coat. Tal olid vuntsid ja pikad habe, kuid mitte
    niitkristallid; tema silmad olid suured ja tumedad hallid ja oli lahkelt avaldis, mis üks
    vaevalt on oodata üks, kelle kaela oli kanep. Ilmselt see ei olnud
    vulgaarne palgamõrvar. Liberaalse sõjaväelise hoolitseb selle eest rippus palju erinevaid
    isikute ja härrad, ei ole välja jäetud. 
    </pre>
    

Tegemist Link

Saidi Internetis:
<a href=”http://www.yahoo.com/”>Yahoo Täielik aadress on vajalik: http://
Yahoo Faili teie web directory:
<a href=”cylib.html”>Cybrary Teate, kuidas sa ei pea panna täis URL-i, ainult faili nimi.
Cybrary

Sama lehekülg:
Kui klõpsate “TOP“õigus, sa mine üles seda lehte. Siis, kui klõpsate”Making Links” ülaosas, jõuate seda kohapeal. Miks?
Koodi muuta link: <a href=”#top”>TOP märkus kasutamist # sümbol
Teine kood on: <a name=top> mis on paigutatud koht, kuhu soovite minna.

Kasutades graafiline link:

selle kirjutamine:
<a href=”http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/htmlindex.html”>
<img src=”http://www.tnellen.com/pics/html.gif”>LINK</a>

kas see:

Ava teine brauser

Soovi keegi näha teise lehe, eriti üks, mis ei ole sinu kontrolli, ja sa ei taha hir kaotada oma lehele, nii et teil lisada target=uus lõpus oma link kodeerimine.
<a href=”http://www.yahoo.com/” target=new>Yahoo Yahoo

email Ted
<a href=”mailto:[email protected]”>[email protected]</a>

Täppe

TOP
    • <li> bullet
      automaatne nummerdamine: Pane <ol> enne loetelu ja </ol> lõpus loetelu. Märkus iga element peab olema <li> ees, mis teisendab kuul mitmeid. numeratsioon on automaatne, nii et saate seal kuvatavaid üksusi ümber korraldada nimekirja, säilitades siiski õige järjestuse.<ol>
      1. <li> objekt
      2. <li> objekt
      3. <li> objekt
      4. <li> objekt
      5. <li> objekt

      </ol>Enam kontrollida neid välja:

Lists

Color:

TOP

<body bgcolor=#?????? text=#?????? link=#?????? alink=#?????? vlink=#??????>
VAIKIMISI: <body bgcolor=white text=black link=blue alink=magenta vlink=magenta>
bgcolor on taustavärv lehekülg, mida ei tohi segi ajada tausta, mis on tavaliselt gif või jpg.
link värvi link, enne kui üks on läinud, et see
alink on aktiivne link
vlink on vaadatud link
VÕI
<body background=”http://www.website.com/filename.gif” or filename.jpg text=#….>
fikseeritud taust seda teha:
<body bgproperties=fixed background=”http://www.website.com/filename.gif” or filename.jpg text=#….>Kui te kasutate graafiline muu kui TEIE ENDA või need, mis ilmuvad www.tnellen.com/pics/ või saiti, mis ütleb, et te võite kasutada oma pilte, kui te peate küsima luba kasutada, et graafika. Kasutage seda vorm kui e-posti või kirja autoriõiguste omanik, ENNE kui te kasutate graafika.

bgcolor ja background saab samal lehel. Taust on vaikimisi, aga kui tausta ei saa koormus bgcolor algama.

  • ?????? värvi kood värvikaardi
  • taust on gif või jpg graafika.MÄRKUS: Sa võid kasutada värvi nimed on paljudel juhtudel selle asemel, et kood mõned värvid, aga mitte kõik. Enamikul juhtudel ning enamik brausereid ühe sõna põhilised värvid nagu valge, must, punane, sinine, roheline, hall, kollane jne töötab. Aga ühend nimega värvid ei pruugi. Värv sõltub ka jälgida, mida kasutatakse, et vaadata värv, nii et kui otsite peenelt häälestatud värvi, väga hea jälgida, et värv ei ole, et teed odav monitor. Nii et teil võib õigus eespool keha koodi nii:
    <body bgcolor=white text=black link=blue alink=magenta vlink=magenta>

Fondi värv

Learning Together on the Internet

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

Lisada Graafiline

Lisada graafika on lihtne. Pärast seda, kui olete asub graafiline soovite lisada oma lehele, otsige üles oma dokumendis kohta, kuhu soovite paigutada graafilisi. Lisada ruum enne ja pärast graafiline kasutada <p> koodi. Vahel see kodeerimine kirjutada <img src=”URL GRAAFILINE”>. Kui soovite center ta kasutada center kood: <center> enne seda ja </center> pärast seda. Pigem on graafiline oma serveri ruumi, mis võib rikkuda autorikaitse, punkt, et see URL-i abil. Leida URL graafiline kasuta hiire graafilisel ja leida Omadused. klõpsake hiire vasakut Omadusi ja URL avaldata. Kopeeri URL-i Omadused peale lehekülg, kuhu te soovite logo näha.

Kui te kasutate graafiline muu kui TEIE ENDA või need, mis ilmuvad www.tnellen.com/pics/ või saiti, mis ütleb, et te võite kasutada oma pilte, kui te peate küsima luba kasutada, et graafika. Kasutage seda vorm kui e-posti või kirja autoriõiguste omanik, ENNE kui te kasutate graafika.

  • Näha mõned Graafika proovida:

Indeks Graafika Rohkem Graafika

  • Mängib Pildid: advanced kodeerimine.

– pointing allika – laius ja kõrgus tags– – – Photoshop rohkem teada kodeerimine graafika, vaadake seda rohkem koostööd pilte.

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

3laulavad align võimaldab puhas kasutamine tähestikku.
<img src=”http://www.tnellen.com/pics/u.gif” align=”bottom” WIDTH=”59″ HEIGHT=”61″>

Tabelid

Tabeleid kasutatakse projekteerimise ja võimaldab teil on hull taust ja veel andke meile lugeda oma lehele. Mõte on, et kasti maha ja keskendunud lehekülje tausta. See võimaldab teil on taust ja meil on tekst. Kasuta Vaade Allikas vt tabel kodeerimine ja kuidas on teinud sellel lehel.See on kuidas see toimib. Teie lehel näed tabeli koodi, mis on lähedal ülalt lehel. Võite reguleerida % osa, mis on 80% nüüd. Selles td tag lisada td: bgcolor=white, et näha, kuidas see töötab. Mängida see disain.

Teha lahter (td) läbipaistev:
<TD style=”background:transparent”>

Tabelid juhised. Ja teine Tabelid proovivõtja. Ja veel rohkem ttabelid. Tabelid Piirid

Heli Lisamine

LOE  SEE esimene.
Heli Heli lisamine oma lehele

Heli võib olla väga keeruline. Esmalt tuleb leida heli. Näiteks, teil võib leida heliklipp soovite juures CDNOW. Kui olete leidnud klamber, mängida Windows Media formaadis. Kuigi ta mängib, klõpsake Faili ja klõpsake käsku atribuudid leida URL heliklipp. Esile kogu URL-i klipp, mida te kuulate. See saab olema pikk. Seejärel kasutada, et kopeeritud URL vastava sildi alla. Koht on see kood tippu lehekülje all KEHA Tag.

Tausta Heli Silt

<BGSOUND> The BGSOUND silt kasutada koos:

SRC Vormi jaoks see omadus on, et see on võrdne tee ja nimi faili heli, mis on inline-dokumendis.
LOOP Helifaile saab rakendada taustal kõlab kasutades LOOP atribuut.
DELAY HTML-autor saab ka edasi lükata mängida sellise inline heli arv X sekundit, kasutades DELAY atribuut.

Näiteks:

<BGSOUND SRC=”*.wav”>
Mängib heli faili üks kord.
<BGSOUND SRC=”*.wav” LOOP=infinite>
Mängib heli faili üle ja üle.
<BGSOUND SRC=”*.wav” DELAY=10>
Mängib heli faili pärast 10-sekundilise viivitusega.

Sound Silt

<SOUND> SOUND silt on kasutatav koos:

SRC Vormi jaoks see omadus on, et see on võrdne tee ja nimi faili heli, mis on inline-dokumendis.
LOOP Helifaile saab rakendada taustal kõlab kasutades LOOP atribuut.
DELAY HTML-autor saab ka edasi lükata mängida sellise inline heli arv X sekundit, kasutades DELAY atribuut.

<SOUND SRC=”*.wav”>
Mängib heli faili üks kord.
<SOUND SRC=”*.wav” LOOP=infinite>
Mängib heli faili üle ja üle.
<SOUND SRC=”*.wav” DELAY=10>
Mängib heli faili pärast 10-sekundilise viivitusega.

The Embed Tag

<embed src> Embed tag kasutatakse:

SRC Vormi jaoks see omadus on, et see on võrdne tee ja nimi faili heli, mis on inline-dokumendis.
LOOP Helifaile saab rakendada taustal kõlab kasutades LOOP atribuut.
DELAY HTML-autor saab ka edasi lükata mängida sellise inline heli arv X sekundit, kasutades DELAY atribuut.

<embed SRC=”*.wav”>
Mängib heli fail kord.
<embed SRC=”*.wav” LOOP=infinite>
Mängib heli faili üle ja üle.
<embed SRC=”*.wav” DELAY=10>
Mängib heli faili pärast 10-sekundilise viivitusega.

Arhiveerimine: Sa peaksid säilitama kogu oma töö lõpus iga märgise jooksul.
Kui 050605 kuupäev: kuu, päev, aasta; mis sa teha uus arhiiv. Kasutada Täna see EI ole 102004, välja arvatud juhul, kui see on Mai 6, 2005.
webdocs)$ mkdir 050605 ENTER See käsk muudab uus kataloog
webdocs)$ cp *.* 050605 ENTER See käsk kopeerib kõik failid uude kataloogi arhiiv
webdocs)$ cd 050605 ENTER See käsk muudatused ja viib teid uude kataloogi
050605) $ chmod +r * ENTER See käsk võimaldab teistel vaadata seda uut kataloogi
050605)$ cd .. ENTER See käsk tagastab teile, et teie peamine kataloog
webdocs)$ Nüüd sa oled tagasi teie peamine kataloog

Kui te arhiiv lingi lisamine uus arhiiv “journal.html”.
See peaks välja nägema nii:

<li><a href=”http://students.ithsnyc.org/??????/050605/”>May 6, 2005
Asenda ?????? teie sisselogimise.See leht on tõlgitud serbohorvaadi keele Vera Djuraskovic alates Webhostinggeeks.com
<a href=”mailto:[email protected]”><img src=”http://www.tnellen.com/pics/mailbox.gif” WIDTH=”31″ HEIGHT=”38″>mail link</a>
© Ted Nellen 2002 – 2013