HTML pre anglický Major: Tutoriál

Link: http://amittai.com/prose/tutorial.html

Tento návod bol preložené do srbskej od Anja Škrba.

Tento dokument predstavuje niekoľko najnutnejšie HTML. HTML je metóda označenie dokumentov tak, aby ich štruktúry explicitné, tak, že stroje môžu ich čítať. HTML prešiel mnoho verzií od jeho vynález trochu viac ako pred desiatimi rokmi. Tento kurz predstavuje najnovšie a najlepšie verzii HTML, ktoré je rozšírené používanie, s názvom XHTML 1.0 Strict. Tento návod je písaný pre nontechnical čitateľov a zavádza niekoľko z najdôležitejších markup prvky. Tento dokument tiež ukazuje všetky svoje vlastné zásady: všetko, čo v ňom uvedené je kladený na použitie v ňom, a, naopak, všetky konštrukčné prvky, ktoré obsahuje, sú vysvetlené v obsahu. V záujme udržať veci jednoduché, to nemá veľa grafický štýl. Používanie Kaskádové štýly (CSS) zlepšiť vzhľad dokumentu sa bude zaoberať samostatný návod. Trošičku CSS, bude zavedené takmer na konci tohto kurzu sa však v snahe pomôcť zmysel z niektorých HTML funkcie.

Obsah

  • Pojem HTML v Skratke
  • Začíname
  • blokový Kontajner Prvky
    • Odsekov: <p> … </p>
    • Hlavičky: <h1> … </h1>, <h2> … </h2>, <h3> … </h3>, atď.
    • utriedený zoznam a Zoznam Položiek: <ol><li> … </li></ol>
    • Nečíslovaný Zoznamy a Zoznam Položiek: <br><li> … </li>< br>
    • Tabuľkami, Riadky Tabuľky a Bunky Tabuľky (alebo “Tabuľka Údajov”): <tabuľka><tr><td> … </td> </tr></table>
    • Blok Citácie: <blockquote> … </blockquote>
  • Prázdne (Samostatné) Prvky
    • Obrázky: <img src=”xhtml.jpg” alt=”XHTML je v pohode!” />
    • Horizontálnych Pravidiel: <hr />
    • zlomy: <br />
  • Inline Kontajner Prvky
    • Empaticky Text (<em> … </em>), Silné Text (<strong> … </strong>), a Hlava Citácie (<cite> … </cite>)
    • Holdover b (<b> … </b>), Stále Užitočné i (<i> … </i>), a Pohľad na Kaskádové štýly
    • Odkazy (Kotvy): <a href=”a_document.html”> … </a>
    • Skratky (<abbr> … </abbr>) a Akronymy (<skratka> … </acronym>)
  • <p> <span>
  • Komentár: <!– … –>
  • Vedúci (<head> … </head>) a > Orgán (<body> …. </body>)
  • Typ Dokumentu Vyhlásenie
  • Entity
  • Písanie HTML
  • Overiť!
  • “, Ako Sa Svet Slúžil?”
  • Zdroje pre Ďalšie Informácie
  • Ďakujem

Pojem HTML v Skratke

HTML stojany na http (Hypertext Markup Language. Nie je počítačový programovací jazyk. Skôr, HTML je malý súbor symboly použité v texte dokumentu je objasniť štruktúry dokumentu tak, že softvéru, ako sú napríklad Webový prehliadač môžete predstaviť, že štruktúra primerane. Napríklad, bod je element dokumentu. Väčšina prehliadačov vám, štandardne predložiť bod s wordwrap až do posledného riadku a s riadku vertikálny priestor nad a pod odsekom. Iný dokument prvky patria hlavičky, zoznamy a tabuľkami.

HTML nie je možné ovládať, ako sa zobrazí dokument v okne Webového prehľadávača, pretože prehliadače, médiá, hardvéru, rýchlosť pripojenia a potreby používateľov výrazne líšiť. Namiesto toho HTML objasňuje štruktúru dokumentu, a to je vecou každého prehliadača predstaviť, že štruktúra, vhodne.

Prehliadače ignorovať akékoľvek extra priestor, ktorý máte v počítači HTML kód, napríklad karty alebo extra linky, takže sa môžete formátovať HTML kód požadovaným spôsobom bez vplyvu na vzhľad dokumentu v okne prehliadača. Prehliadač používa HTML symboly sám určiť, ako na zobrazenie obsahu. Riadkovanie je dobré použiť v kóde pre svoje vlastné účely, ako pomôcť vám a ostatným kodérov nájsť prvky pri oprave dokladu.

HTML by mali byť považované za predĺženie interpunkčné znamienka. V priebehu storočí, interpunkčné znamienka bol vyvinutý sa dostať cez písomne štruktúry jazyka, ktorý nemôže byť zastúpení s písmenami. Veľkým písmenom signály na začiatku vety a na obdobie do konca. Čiarky určiť ustanovenia a parenthetic viet. Ale, za vetu úrovni, písanie silne spolieha na rozmiestnenie a výber fontu vyjadriť štrukturálnych vzťahov. Tieto veci by sa výrazne líši od počítaču k počítaču, v závislosti od veľkosti obrazovky, kapacita pamäte, grafické prostriedky, atď. Teda, HTML nepoužíva priestory na vyjadrenie štruktúry, ale, namiesto toho, symbolické označenia, ktoré každý počítač môže vhodne interpretovať. A práve tak, ako španielsky interpunkčné znamienka vám vedieť, kde otázku alebo výkričníky začína, ako aj končí prikladať v ḃ … ! alebo ¿ … ?, podobne HTML ohraničuje štrukturálnych prvkov v páry symbolov, jeden na začiatku a jeden na konci. HTML je bežné a v súlade dostatok počítačov, aby si ju mechanicky.

Prvky môžu byť rozdelené do dvoch skupín: kontajnerov a prázdny alebo samostatný, elementy. Väčšina prvkov dokumentu sú kontajnerov, ktoré obsahujú text a niektoré ďalšie prvky. Napríklad, odstavec obsahuje jednoduchý text a môže obsahovať empaticky alebo silný text, alebo aj obrázok. Ostatné obaly patria tabuľkami, objednať a nečíslovaný zoznamy, zoznam položiek, že tieto zoznamy obsahujú, a empaticky text, ktorý obsahuje text, ktorý je treba zdôrazniť. Prázdne prvky include obrázky, horizontálnych pravidiel (horizontálne deliace línie), a zlomy, ktoré sa môžu vyskytnúť v odsekoch pre špeciálne účely, ako napríklad verš alebo adresy.

Existujú pravidlá, čo sa môže obsahovať čo. Paragraps nemusí obsahovať body v rámci nich. Bunky tabuľky a zoznam položiek môže obsahovať body a nič odsekov obsahovať, ale odsekov nemusí obsahovať tabuľky, alebo zoznamy. Zoznamy môžu obsahovať iba položky zoznamu. Zoznam položiek, v poradí, môžu obsahovať rôzne iné prvky. (To je lepšie vysvetlené nižšie, pod “utriedený zoznam.”)

HTML symboly, ktoré označujú štrukturálne prvky dokumentu s názvom tags. Prvky, ktoré obsahujú text alebo iné prvky, ktoré sa začínajú na otvárací tag a na konci s koncovou značkou. Otvárací tag sa skladá z symbol prvok uzavretý v < a > znaky: <p> na bod, <tabuľka> na tabuľke. Koncovou značkou má ďalšie / znak na odlíšenie od otvorenia tag: </p> a </table>. Takže odseku začína symbol <p> a končí symbol </p>, s jej obsahom prichádza medzi dve značky. Prázdne prvky, napríklad obrázky a horizontálnych pravidiel, sú riešené inak. Prázdne prvky sa skladajú z jednej značky, ktoré otvoríte s < znak a na konci s medzerník (alebo zalomenie riadka v kóde, ktorý je interpretovaný ako miesto), nasleduje />:

 <hr />
	<img
		src="fun.gif"
		title="Obraz nás baví."
		alt="Boli sme s zábava."
	/>

Všetky otvorenie alebo samostatný menovky môžu obsahovať, po názov prvku (ako napríklad s alebo img) jeden alebo viac úprava atribúty. Atribút, ktorý určuje, niektoré … atribút prvku. V druhom príklade, img element má tri atribúty: src, názov a alt. src atribút, v tomto prípade poskytuje meno (a snáď cestu, alebo poloha) súbor obsahujúci obrázok kód. title atribút poskytuje text sa zobrazí v prípade, že obraz nie prísť v grafickom prehliadači, alebo keď používateľ kotúčoch myš tak, aby sa ukazovateľ nachádza nad obrazu. alt atribút poskytuje text, ak chcete byť poskytnuté v nongraphical prehľadávač, ako je textový prehliadač, braillovom prehliadača, alebo audio prehliadača.

Všimnite si, že je atribút vždy špecifikované podľa mena s znak rovná sa a potom je hodnota atribútu, v úvodzovkách. Nie sú žiadne výnimky.

HTML dokumentu prvkov môže byť rozdelený medzi tie, ktoré definujú oblasť dokumentu, a tie, ktoré obklopujú slovo alebo slovné spojenie. Prvý typ prvok sa nazýva blokový element.Odsekov, zoznamy a tabuľkami sú blokových elementov. Iný typ prvok sa nazýva inline prvku. Príklady inline elementy sú empaticky frázy, silné-objavia-vety, titulov a odkazy. Riadkové prvky musia byť vždy obsiahnuté v blokový kontajner prvky. Napríklad, empaticky text musí sa vždy objaví v bod alebo položka zoznamu alebo nejaký taký väčšie štruktúry.

Začíname

Predtým, než sme sa pozrieť na prvky, ktoré tvoria HTML dokumentu, možno by ste chceli mať prvé skúsenosti vytváranie a zobrazovanie niektorých HTML. Nevyhnutne to bude znamenať robiť niektoré veci, ktoré ste ešte stále nerozumejú. Ako budete čítať spolu, však, každý niečo o tom, čo budete robiť teraz bude jasnejšie v retrospektíve — dúfam!

Po prvé, budete musieť otvoriť čistý text editor v počítači. Na Windows stroje, bude to poznámkový blok a, v Macintosh stroje, bude to Jednoduchý Text alebo snáď BBEdit. Potom, mechanické, ako to vyzerá, len zvýrazniť text nižšie, sprava, po, kde sa hovorí: “spustite kopírovanie”, kde sa hovorí: “stop kopírovanie” (a nie vrátane tých, dva riadky). Robíte to tým, že držíte ľavé tlačidlo myši a presuňte ho myšou ponad text. Ak to nefunguje, alebo nemáte myši, budete musieť skopírovať celú vec ručne, čo môže trvať nejaký čas. Každopádne, za predpokladu, že by ste mohli zvýrazniť text s myšou, kopírovať, a plunk (vložiť ho do okna editora. Na väčšine počítačov, môžete tak urobiť kliknutím myši, zatiaľ čo to je otočený na okne editora skôr ako okne prehliadača, a potom výber “Vložiť” z menu Upraviť. Potom postupujte podľa pokynov priamo pod “stop kopírovanie” line.

Spustenie kopírovania (pod tento riadok).

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<hlava>Prvé Stránky HTML</title>
</head>
<body>

<h1>Funguje To!</h1>

<p>Toto je HTML dokument, a ja som si ju môže pozrieť bez
kód gobbledygook v mojom okne prehliadača.</p>

</body>
</html>

Zastaviť kopírovanie (vpravo nad tento riadok).

Akonáhle ste dať uvedený text do okna editora, uložiť ju ako nový dokument. Meno, pod ktorým ho uložiť musí mať osobitný formulár. Prvá časť — názov riadne — nesmie mať žiadne medzery, a musí obsahovať iba písmená, číslice, znak podčiarknutia, (_), alebo spojovník znak (), v ľubovoľnej kombinácii. Potom musí nasledovať obdobie (“dot”), a potom štyri písmená “html.” Uistite sa, že uloženie dokumentu na miesto, kde si môže nájsť to hneď! V systéme Windows, mohlo by to byť niekde vo vašom Moje Dokumenty directory.

Chvíľku na oznámenie značky a celkové usporiadanie vášho HTML kód.

Ďalej, takže vaše okno editor stále otvoriť, otvoriť akýkoľvek druh zozname súborov, napríklad Prieskumník systému Windows a vyhľadajte záznam pre váš súbor. Otvorte súbor z tohto záznamu. To zvyčajne znamená dvojitým kliknutím na neho. Čo by sa stalo, ak všetko pôjde dobre, je, že v prehliadači, ako je napríklad Internet Explorer alebo Netscape Navigator, bude otvoriť a ukázať vám pekné, kód bez poskytovania HTML stránku, ktorú ste práve vytvorili.

Ak chcete, aby život viac zaujímavé pre vás, choďte do toho a zmeniť text medzi <p> a </p> symboly vo vašom editore. Môžete pridať tak, alebo tak málo textu, ako sa vám páči, tak dlho, ako si udržať <p> na začiatku a </p> na konci a nerobia nič iné časti kódu. Uložte súbor vo vašom editore, prepínanie okien prehliadača a obnoviť prehliadača (alebo obnovte stránku). Ak to chcete urobiť, zvyčajne, môžete ísť do Zobraziť menu a nájsť “Obnoviť” alebo “znovu Načítať.” Mali by ste vidieť zmeny, ktoré ste urobili odráža v prehliadači omietky.

Teraz, aby ste videli niektorých HTML v akcii, poďme sa pozrieť na prvky, ktoré tvoria dobrú HTML dokumentu. To nebude trvať veľmi dlho, a čoskoro, budete môcť vytvárať HTML dokumenty od nuly a len ako ste chcieť.

blokový Kontajner Prvky

  • <p>Odsek</p>
  • <h1>Top-Level Hlavičky</h1>, <h2>Sub – Hlavička</h2>, <h3>Sub-Sub-Hlavička</h3>, atď.
  • <ol>číslovaný Zoznam</ol>
  • <br>Nečíslovaný Zoznam< br>
  • <li>Zoznam Položiek</li>
  • <tabuľka>Tabuľka</table>
  • <tr>Riadok Tabuľky</tr>
  • <td>Bunka Tabuľky (ktoré sa Tiež Nazývajú “Tabuľka Údajov”)</td>

Odsekov

Odseky sú vysvetlené vyššie. HTML neposkytuje niektoré ďalšie užitočné zablokovať prvky, ako je poetické sloha. Z tohto dôvodu je, budete natahovat volanie veľa vecí, “body”, ktoré nemusí na prvý pohľad zdať ako odseky. Vždy sa uistite, že majú aj svoj otváranie a zatváranie <p> </p> značky.

Hlavičky

hlavička je prvok textu používa na hlavu časti dokumentu. Grafické prehliadače všeobecne spôsobiť hlavičky sa zobrazujú označené tučným písmom a v väčšiu veľkosť ako ostatný text. HTML vám poskytuje celý rad očíslované hlavičky zastupuje úrovni prioritnej, tak, že v prvom priority hlavičky je označené tagom <h1> … </h1>, a prioritných alebo význam klesá čísla zvýšiť. Nemusíte sledovať číselnom poradí presne pre vedľajšie záhlavia, aj keď sa v tomto texte som sa rozhodli urobiť. Napríklad za položky, na čele s <h1>H1 Prvok</h1> element, mohli by ste mať jeden s malou hlavičkou, napr., <h4>H4 Prvok</h4>. Hlavičku vždy zaberá jeho vlastnej riadok textu v okne prehliadača, a väčšina prehliadačov vložiť aj vertikálny priestor nad a pod jednu hlavičku, bez ohľadu na to, aký vysoký je jeho číslo je a preto ako malé to je.

utriedený zoznam a Zoznam Položiek

číslovaný zoznam je zoznam očíslovaných bodov. Zoznam sa začína tag <ol> a končí tag </ol>. V rámci týchto značiek každej položky zoznamu musí začať s <li> tag a na konci s </li> (pre “položka zoznamu”). Zoznam položiek, v poradí, môžu obsahovať rôzne iné prvky, ako odseky, ale usporiadaný zoznam nesmie obsahovať nič, okrem položky zoznamu. Inými slovami, musí existovať žiadna značka medzi otvorenie <ol> značka a prvý <li> značka.

Nie ste typ číslice do svojho číslovaný zoznam. Namiesto toho, prehliadač sa automaticky prepne číslic v správnom poradí. Ak presuniete zoznam položiek okolo, prehliadač vám priradiť číslic pre vás. Je to dobrá prax napísať zoznam s odsadenie, aj keď to nerobí žiadny rozdiel, ako zoznam sa zobrazí v okne prehliadača:

	<ol>
		<li>Prvá Položka</li>
		<li>Druhý Bod</li>
		<li>Tretí Bod</li>
	</ol>

Tu je, ako kód uvedený vyššie sa zobrazí v okne prehliadača:

  1. Prvá Položka
  2. Druhá Položka
  3. Tretia Položka

Môžete vložiť zoznam, do zoznamu, a to tak na úrovni každej hierarchickej hĺbky, tak dlho, ako každý vložený zoznam je obsiahnuté v položka zoznamu. Obsah zoznam v hornej časti tohto dokumentu je exmaple takýchto vkladanie. Tu je jednoduchší príklad:

 <ol>
<li>Prvá Položka</li>
<li>Druhý bod
<ol>
<li>Prvý Podriadená Položka</li>
 <li>Druhý Podriadený Item</li>
</ol>
</li>
<li>Tretí bod</li>
</ol>

A tu je výsledok kód uvedený vyššie, ako váš prehliadač interpretuje na prezentáciu:

  1. Prvá Položka
  2. Druhá Položka
    1. Prvá Podriadená Položka
    2. Druhá Podriadená Položka
  3. Tretia Položka

Všimnite si, ako podriadený číslovaný zoznam je uzavretý v položka zoznamu v materskej zoznamu.

Kaskádové štýly ( CSS), na ktoré v samostatnom tutoriál, aby to pre vás, ak chcete zmeniť tieto veci ako spôsob číslovania — na, povedzme, Rímske číslice (kapitálu alebo nižšou prípade), alebo na písmen miesto čísel.

Nečíslovaný Zoznamy a Zoznamu Položiek

nečíslovaný zoznam je len ako číslovaný zoznam, ale nie sú uvedené s číslicami. Namiesto toho, prehliadače, vo všeobecnosti robí ako zoznamy s odrážkami, ako je tento:

  • Prvá Položka
  • Druhá Položka
  • Tretia Položka

Vytvoriť nečíslovaný zoznam, môžete jednoducho používať <br> < br> značky namiesto <ol> </ol>. Môžete vložiť objednať alebo nečíslovaný zoznamov v rámci objednať alebo nečíslovaný zoznamy v ľubovoľnej permutácie si budete priať.

Stoly, Stolný Riadky a Bunky Tabuľky (alebo “Tabuľka Údajov”)

tabuľke je štruktúra, ktorá má stĺpcov a riadkov a je najlepšie používať na uvedené informácie, ktoré vyplýva, že štruktúra, ako je napríklad stôl, fakulta e-mailové adresy a telefónne čísla:

 

angličtina Oddelenie Fakulty Zoznam
Názov E-Mail Telefón
Amittai Aviram [email protected] 777-2058
Stan Dubinsky [email protected] 777-2056
Judith James [email protected] 777-5063
William Richey [email protected] 777-2054

Ak chcete vytvoriť tabuľku, môžete otvoriť prvok s <tabuľka> značka. Môžete zadať hranice šírka v pixeloch, ako aj cellpadding a cellspacing. Cellpadding je množstvo priestoru medzi textu v bunke tabuľky a orámovanie a to je veľmi užitočné atribút. (V tabuľke vyššie, cellpadding je nastavený na “5.”) Cellspacing je množstvo priestoru medzi bunkami a je, v tejto spisovateľ je zážitok, absolútne k ničomu, atribút, pretože akékoľvek cellspacing okrem “0” vždy vyzerá bizzarre. (Ale pokojne vyskúšať iné čísla.) Tieto tri atribúty tabuľke element priamo z prezentačná skôr ako štrukturálne problémy — ako veci vyzerajú namiesto aké veci sú — ale sú vzácne výnimky štruktúra-zmýšľajúce ducha XHTML.

V rovnakom duchu XHTML vám umožňuje určiť > šírka tabuľky, ak potrebujete, aby tak urobili. Ak nie, väčšinu grafické prehliadače bude tabuľky len tak široký, ako je potrebné prispôsobiť údaje prezentované v to, čo spôsobuje text zabaliť, ak je to potrebné v záujme udržať tabuľka šírky nad to okno prehliadača. Pre príklad, keď budete chcieť zadať šírku tabuľky, predpokladajme, že máte stránku s dvomi tabuľkami, jeden pod druhý. Môžete mať pocit, že dve tabuľky sa musia nachádzať porovnateľné seba, a preto by mali byť nútení mať rovnakú šírku. Ak zadáte šírka s samotná číslovka v úvodzovkách ( > width=”500″), ktoré budú v platnosti v súlade grafické prehliadače nakresliť tabuľku na zadaný šírka v pixelov — ale by ste mali takmer vždy vyhnúť sa pritom. To je takmer vždy lepšie určiť šírku tabuľky ako percento z celkového šírku okna: > width=”85%”. Zadanie šírky má výhodu v tom, že pomáha prehliadač nakresliť tabuľku odstránením jedného súboru výpočty z jeho čerpanie proces, ktorý môže niekedy za následok vyšší výkon, ako stránka prichádza do pohľadu.

Ďalej môžete určiť titulok prvkom pre vaše tabuľke. Táto sa bude zobrazovať v predvolenom nastavení právo nad tabuľkou, zvyčajne v strede. Toto je veľmi užitočný prvok, a to nielen pre grafické a textové prehliadače, ale aj pre prehliadače, audio, pretože to je účel tabuľka jasné.

Potom, ešte stále medzi otvorenie <table> a zatváranie </table> menovky, musíte mať aspoň jeden riadok tabuľky element, a že riadok musí mať aspoň jednu bunku prvok. Riadok v tabuľke je označený <tr> a </tr>značky. Bunky sa začína s <td> a končí </td>. “Td” je skratka pre tabuľka data. (Nemali sa ma pýtajú na názor, keď oni urobili to!) V mieste pravidelného bunka tabuľky “údaje tabuľky” type, môžete použiť th element pre riadok alebo stĺpec štítok. (“th” je skratka pre “table data,” čo robí nejaký zmysel.) V predvolenom nastavení, prehliadače zvyčajne zobrazujú text v th element označené tučným písmom, čo je užitočné.

Ak používate th hlavičky prvok pre stĺpec alebo riadok, je dobré praxi určiť pôsobnosti atribút buď ako “col”, alebo “row.” Tomu sa povie audio prehliadače, či hlavičky sa vzťahuje na jeho stĺpec alebo jeho riadok a pomáha predchádzať dezorientácie, keď niekto počúva tabuľke je čítať nahlas.

Tu je kód pre vytvorenie tabuľky:

 <table border="1" cellpadding="5" cellspacing="0">
<titulok>anglický Oddelenie Fakulty Zoznam</caption>
<tr>
<th scope="column">Mena</th>
<th scope="column">E-Mail</th>
 <th scope="column">Telefón</th>
</tr>
<tr>
<th scope="row">Amittai Aviram</th>
<td>[email protected]</td>
<td>777-2058</td>
</tr>
<tr>
<th scope="row">Stan Dubinsky</th>
<td>[email protected]</td>
<td>777-2056</td>
</tr>
<tr>
<th scope="row">Judith James</th>
<td>[email protected]</td>
<td>777-5063</td>
</tr>
<tr>
<th scope="row">William Richey</th>
<td>[email protected]</td>
<td>777-2054</td>
</tr>
</table>

Oznámenie odsadenie, ktorá pomáha kodér nájsť svoj spôsob, ako kód. To nemá vplyv na to, ako sa výsledky zobrazia v okne prehliadača.

Blokovať Citácie

Ak máte rozšírenej ponuke, môžete ju umiestniť v blockquote prvok okolie to s <blockquote> a </blockquote> značky. blockquote element môže obsahovať také veci ako odsekov, ale bod nesmú obsahovať blockquote. Zvyčajne, ak máte bloku ponuky, by ste dokončiť odseku skôr, ako to s záverečný </p> tag, a potom miesto uvedené v odsekoch vášho <blockquote>… </blockquote> značky. Grafické prehliadače zvyčajne prítomné blok citácie v predvolenom nastavení s odsadeným ľavý okraj a riadok vertikálny priestor nad a pod. Autori by nemali používať tento prvok, len aby niečo odsadený, však. Ak máte text, ktorý nie je cenovú ponuku, ale že chcete zarážka, mali by ste si dať ju do príslušného prvku, ako je napríklad bod, s vhodným class atribút, a potom buď napísať CSS triedy alebo mať svojho správcu webu tak, aby sa zvýšila ľavého okraja, že prvok.

Prázdne (Samostatné) Prvky

  • Snímky: <img /> (inline)
  • Horizontálnych Pravidiel: <hr /> (blok)
  • zlomy <br /> (inline)

Táto kategória je naozaj mix dvoch, pretože niektoré prázdne prvky sú na blokovej úrovni a iní inline. Riadkové prvky musia byť obsiahnuté v blokových elementov. Obrázky a zlomy sú vložené prvky, takže sa nemusí objaviť mimo nejaký obsahujúce prvok, ako je bod alebo, ak je to potrebné, rozdelenie. (Pozri ďalej nižšie o <p> značku a rozdelenie prvok.)

Obrázky

Keď ste vložiť obrázok v HTML dokument, obrázok, sám o sebe nie je vlastne súčasťou dokumentu kód. Namiesto toho HTML zdrojový kód má img element, ktorý obsahuje informácie, prepojenia aktuálny dokument s iným súbor, ktorý, sám, má kód pre obrázok. Skutočne, obrazové súbory a HTML dokumentu súbory sú veľmi rozdielne povahy: HTML súbory sa skladá čisto textových znakov a symbolov, keďže obrazové súbory sa skladá z binárny kód, ktorý sa nedá čítať ľudské bytosti. img prvok tag obsahuje informácie, ktoré umožnia prehliadač na žiadosť image súbor ako samostatné položky a zobraziť ho na správnom mieste so správnym množstvom miesto vyhradené na to. (Nižšie v časti o server vysvetľuje viac o tejto “o” proces.)

Súbor obsahujúci aktuálne binárny kód pre obrázok sa nazýva obraz je zdrojom. Keďže text a audio prehliadačoch nezobrazujú obrázky, tam musí byť nejaký text v img element stáť v mieste obrazu v týchto súvislostiach. Preto image tag musí určiť minimálne dve veci: (1) zdrojom obrazu, a (2) alternatívny text. Je to tiež dobrý nápad určiť (3) názov obrázka. Nakoniec, každá img element by mali tiež určiť obrázku > šírka a > výška v pixelov, pomôcť prehliadač apportion priestor na to.

source atribút je napísaná src na <img> tag. Jeho hodnota je názov samostatný súbor obsahujúci obrázok kód. Či môžete vytvoriť svoj vlastný obraz, alebo si to (legálne!) z iného zdroja, vždy by ste si mali otvoriť prvé v programe na úpravu obrázkov, ako napríklad Adobe Photoshop alebo Jasc Paint Shop Pro. Prinajmenšom, potom by ste mali zmeniť veľkosť na veľkosť, ktorú chcete mať na vašej Web stránky a uložte ho pod požadované meno a na mieste, kde ich môžete nájsť. Na druhom mieste bude hodnota src atribút, pričom veľkosť rozmery, bude nutné > šírka a > výška > rozmery. Tu je neúplný img element, pričom sa uvedie len src atribút:

(Neúplná markup — nie skopírovať tento príklad!)

 <img src="http://www.cla.sc.edu/engl/faculty/faculty.jpg" />

Ak HTML súbor dokumentu a obrazového súboru sú na rovnakom stroji, adresa môže byť relatívna adresa. V druhom prípade, ak dokument bol v rovnakom adresári na rovnakom počítači ako obraz, src atribút by mal jednoducho “faculty.jpg” tak, ako je jeho hodnota.

alternatívny text atribút sa zobrazí v značke ako alt, a jeho hodnota by sa poskytuje textový ekvivalent výpovednou hodnotou obrazu, ak je akýkoľvek. Hodnota alt atribút sa používa textové prehliadače, ako je napríklad Lynx v mieste obrazu a zvuku alebo braillovom prehliadače môžu použiť rovnaký text na rovnaký účel. alt atribút povinné, a skladanie jeho hodnota vám dáva príležitosť premýšľať o tom, prečo sa uvedenie obrazu nie v prvom rade. Má vaše fotografie univerzity oddelenia fakulty ukázať svoju rozmanitosť a jej číslo? Má vaša fotografia študenta čítanie knihy vonku ukázať, ako inšpirovať svojich študentov? Ak váš obraz naozaj prispieva žiadne informácie a je čisto dekoratívne, si môžete dať alt=”” do značku. Obzvlášť dôležité je informatívny text v altatribút akýkoľvek obrázok slúži ako odkaz, ako custom-made tlačidlo.

To je tiež múdre, ak chcete definovať názov. To by malo byť viac popisný názov obrazu. Pred obraz dokončil načítanie do grafického prehliadača, alebo ak obrázok nie je možné načítať v z nejakého dôvodu — napríklad problém so serverom, alebo spojenie — prehliadač zobrazí názov do políčka v mieste, kde obraz by sa objavili. Tiež, veľa grafické prehliadače, aby bolo možné zobraziť altatribút text ako tooltip – ako text balón, keď používateľ pohybuje kurzorom myši nad obrázok. Všeobecne platí, že ak hlava je vynechaný, grafický prehliadač bude využívať alt text na tieto účely.

Nakoniec, rozmery obrazu v pixeloch sú uvedené. Môže to znieť ako ohľadu na to, ako niečo, vyzerá skôr, než to, čo niečo , a preto je ďalší prezentačná funkcia sneaking do XHTML, ale obrázok je, priznajme si to, v podstate vizuálne, tak jej rozmery sú skutočne súčasťou jeho povahy. Rozmery sú > šírka a > výška. Zvyčajne môžete získať tieto rozmery presne z vášho programom na úpravu obrázkov, ako spomínal.

Takže vyššie uvedené img tag musí byť revidované, aby vyzerať nejako takto:

 <img
src="http://www.cla.sc.edu/engl/faculty/faculty.jpg"
title="Fotografiu USC anglický Oddelenie Fakulty."
alt="Našu pestrú fakulta má viac ako 50 členov."
/>

Ďalšie podrobnosti o vzhľad obrázka by mali byť kontrolované prostredníctvom štýl. Použitie css na ovládanie apparance HTML dokumenty sa bude zaoberať neskôr v samostatnom tutoriál.

Ako inline prvok, obrázok musí byť obsiahnuté v niektorých ďalších, blokový element, ako bod, zoznam, tabuľke, rozdelenie, alebo dokonca hlavička.

Horizontálnych Pravidiel

horizontálne pravidlo horizontálna čiara, ktorá sa zobrazí vedúcej cez obrazovky na miesta v texte označené pozície značky v HTML kód. To je užitočné pre oddelenie divízie v dokumente. horizontálne pravidlo nie je inline prvok, ale blokový element, súčasne s odsekov, zoznamy a tabuľkami, tak to nemusí byť obsiahnuté v žiadnom inom bloku prvok a , by nemali sú obsiahnuté vo všetkých okrem voliteľne bunky tabuľky. horizontálne pravidlo tag vyzerá takto: <hr />. V akcii, horizontálne pravidlo vyzerá takto:

zlomy

zalomenie riadku je miesto, kde sa slovo balenie je dočasne zastavená a riadok textu je prerušené, pokračovať na nasledujúcom riadku. To je veľmi užitočné pre vykresľovanie poéziu alebo adresy. To môže dokonca vyskytnúť v hlavičke spôsobiť hlavičke je možné rozdeliť do dvoch riadkov, bez akýkoľvek vedľajší vertikálny priestor. Značka sa vždy zobrazí takto: <br />.

zalomenie riadku je inline prvok, tak to musí byť uvedené v rámci väčšej, blokový element, ako bod alebo hlavička.

Tu je príklad pár stanzas veršu, najprv v markup a potom poskytovaných vášho prehliadača:

Markup

 <blockquote>
<p>
Simple Simon stretol pieman<br />
Chystáte sa na veľtrh.<br />
Povedal Simple Simon na pieman,<br />
"Dovoľte mi chuť vaše výrobky!"<br />
</p>
<p>
Povedal pieman na Jednoduché Simon,<br />
"Ukáž mi najprv penny."<br />
Povedal Simple Simon na pieman,<br />
"Naozaj, nemám žiadny."<br />
</p>
<blockquote>

Vykresľovať

Simple Simon stretol pieman
Chystáte sa na veľtrh.
Povedal Simple Simon na pieman,
“Dovoľte mi chuť vaše výrobky!”

Povedal pieman na Jednoduché Simon,
“Ukáž mi najprv penny.”
Povedal Simple Simon na pieman,
“Naozaj, nemám žiadny.”

Vyššie uvedený kód by pracovali v poriadku bez <br /> na konci každej sloha je posledný riadok, hneď pred záverečnú </p>. Ja som to tam dal len z posadnutosť súlad, a to ani nebolí nič.

Inline Kontajner Prvky

Všetky riadkové prvky musia byť obsiahnuté v rámci blokových elementov. Toto pravidlo obsahuje odkazy: odkaz musí byť obsiahnuté v bod, položka zoznamu, bunky tabuľky alebo rozdelenie. Prvky, ktoré v tejto časti sú vložené prvky, ktoré obsahujú aj niečo. Empaticky text, silné text a hlava citácie môže obsahovať len text alebo odkazy, ktoré zase obsahovať text. Odkaz môže obsahovať obyčajný text, alebo kontajner textu ako celku bod alebo hlavička, alebo, nebodaj, obrázok.

  • <em>Empaticky Text</em>
  • <strong>Silné Text</strong>
  • <cite>Hlava Citácie</cite>
  • <a href=”some_url.html”>Odkazy</a>

Empaticky Text, Silný Text, a Hlava Citácie

Empaticky a silné text hlava citácie sa budú posudzovať spoločne, pretože všetky tri práce viac alebo menej rovnakým spôsobom, určením slovo, slovné spojenie, veta alebo iný text, jednotka na nejaké špeciálne zaobchádzanie. Silné text je najlepšie použiť spôsobiť text zobraziť viac mohutnej a grafické prehliadače zvyčajne spôsobiť silné text v predvolenom nastavení ako boldfaced. (Vždy, keď vidíte pojem ako silné text boldfaced v tomto dokumente, je to preto, lebo je to vlastne obsiahnuté v silné text prvok.) Podobne, empaticky text je pre dôraz a zvyčajne sa objaví kurzívou vo svojom grafickom okne prehliadača. Hlava citácie(obklopený <cite> a </cite> značky) by mali byť použité pre titulov kníh, divadelné hry, filmy, umelecké hudby, atď. Tieto, taky, sa vo všeobecnosti javí ako kurzívou v grafických prehliadačoch, ktoré sa tak postupujte podľa obvyklých moderné tlačiarne ” convention poskytovania oboch empaticky text a názvy nezávislé diela kurzívou. Tu je dobré stupňa, avšak rozdiel medzi HTML a spracovanie textu.HTML rozlišuje medzi titulov a dôrazy, pretože oni sa rôzne veci, aj keď sú zvyčajne ošetrené rovnakým spôsobom vizuálne. S použitím Kaskádové štýly (CSS) , na ktoré v samostatnom návod, vy (alebo váš webmaster) môžete dokonca nastaviť prezentáciu týchto dvoch prvkov, ktoré majú byť rôzne. Je to podrobnejšie opísané v časti o <p> <span> pod.

Na tlač používame kurzívou pre viaceré iné účely okrem dôrazy a tituly, a môžete nájsť výber <em> … </em> a <cite> … </cite> obmedzujúce. Čo cudzích slov a viet? Čo o technických podmienok, keď sú prvýkrát predstavený? Čo o anglických viet použiť ako vzoriek — príklady z nárečí, gramatiku, alebo použitie? Pre tieto účely, i prvok a jeho <i> … </i> menoviek môže byť užitočné. Tieto sú uvedené v ďalšej časti.

Holdover <b>, Stále Užitočné <i> a Pohľad na Kaskádové štýly

XHTML 1.0 Strict umožňuje použitie <b> … </b> značky použitie tučného písma text <i> … </i> značky kurzíva text. Tieto sú holdovers zo starších verzií HTML, ktoré nie rozlíšiť štruktúry prezentácie, ako prudko sa ako aktuálna verzia nemá. Použitie týchto prvkov je všeobecne zbytočné a znechutení, v prospech silné a em prvkov, resp., rovnako ako citácia.

Existujú určité prípady, avšak v prípade, že i element je veľmi šikovný: konkrétne pre cudzích výrazov, na zavedenie technické podmienky, a pre text používaný ako vzoriek z nárečí, gramatika, používania, alebo podobné:

Kód:
 <p>E-mail skratky, ako <i>FWIW</i> znamená "pre
čo to stojí" a <i>pokiaľ viem</i> "pokiaľ viem," 
stal akýmsi počítač-age <i>argot</i>
 <i>neštandardné</i> použitie — nie je pravdepodobné, že sa objaví ešte v
<cite>Oxford English Dictionary</cite> a preto nie je presne
<em>formálne</em> Standard English.</p>
Výsledok:

E-mail skratky, ako napríklad FWIW znamená “na čo to je dobré” a pokiaľ viem “pokiaľ viem,”stali akýmsi počítač-vek argotneštandardné použitie — nie je pravdepodobné, že sa objaví ešte v Oxford English Dictionary, a preto nie je presne formálne Štandardné anglickom jazyku.

Ale v skutočnosti, cudzie výrazy a jazyk vzorky sú nielen odlišné od empaticky výrazy a hlava citácií, sú tiež odlišné od seba navzájom. Predpokladám, že neskôr by som chcú mať prehliadačov vykresľujú ich zreteľne. Tak dlho, ako som sa použili rovnaké značky na označenie oboch cudzích výrazov a jazykové vzory, nebudem môcť získať prehliadača, aby sa odlíšili vizuálne. Riešenie tohto problému je použitie class atribút v spojení s Kaskádové Štýl ak chcete vytvoriť delenie do kategórie i element, aby boli k jednej triedy i prvkov pre cudzích výrazov, iný pre technické výrazy, a tretí pre jazyk vzoriek. Keď som sa na to, použijem lang atribút špecifikovať jazyk cudzí výraz, v prípade, že by som mohol neskôr využiť tieto informácie v niektorých osobitným spôsobom v programe. class a lang atribúty sú štandardné atribúty — bývalý pre ľubovoľný prvok vôbec, v spojení s CSS, a druhé na žiadny prvok, ktorý obsahuje text (a preto môžu mať jazyk). Tiež som rozlíšil druhy hlava citácia som tým, že to class atribút, ktorého hodnota je knihu. Tu je isté pasáže, s novým atribúty pridané:

 <p>E-mail skratky, ako napríklad
<som class="vzor">FWIW</i>
znamená "na čo to je dobré" a <som class="vzor">pokiaľ viem</i>
"pokiaľ viem," sa stali akýmsi počítač-vek
<som class="cudzie" lang="fr">argot</i>
<som class="technické">neštandardné</i> použitie —
nie je pravdepodobné, že sa objaví ešte
v <cite class="rezervovať"a>Oxford English Dictionary</cite> a
preto nie je presne <em>formálne</em> Štandard
Angličtina.</p>

Preukázať použitie CSS class atribút — veľmi krátko—, ktoré som vytvoril samostatný súbor, nazvaný tutoriál.css, ktorý obsahuje definície z mojej triedy. Rozhodla som sa zmeniť farby popredia a pozadia pre cudzích výrazov, jazyk vzoriek, a knižných titulov, aby ich všetky pozrieť odlišné od seba navzájom. Ja mám tiež zvýšila > hmotnosť písma v týchto prvkov tak, aby sa ich farby jednoduchšie vidieť. Nechal som empaticky text s jeho predvolené vykresľovanie.

cite.book {
		font-style: italic;
		font-weight: bold;
		color: blue;
		background-color: white;
	}

	i.foreign {
		font-style: italic;
		font-weight: bold;
		color: red;
		background-color: #99ff99; /* Číselný kód pre svetlo modrá. */
	}

	i.technical {
		font-style: italic;
		font-weight: bold;
		color: #009900; /* Dark green. */
		background-color: white;
	}

	i.specimen {
		font-style: italic;
		font-weight: bold;
		color: white;
		background-color: #009900; /* Číselný kód pre svetlo modrá. */
	}

HTML dokument čítate je prepojené s touto CSS súbor pomocou odkaz prvok, ktorý sa vyskytuje v hornej časti tohto dokumentu zdrojový kód v vedúci element. Oba vedúci a odkaz prvky sú vysvetlené ďalej nižšie.

Tu je výsledok nový kód, s class (a lang) uvedené atribúty, a s CSS triedy definované:

E-mail skratky, ako napríklad FWIW znamená “na čo to je dobré” a pokiaľ viem “pokiaľ viem,”stali akýmsi počítač-vek argotneštandardné použitie — nie je pravdepodobné, že sa objaví ešte v Oxford English Dictionary, a preto nie je presne formálne Štandardné anglickom jazyku.

Grafické prehliadače, ktoré nepodporujú CSS, bude pravdepodobne naďalej poskytovali všetky i prvkov, ako kurzívou, ale to nie je zlé, ako záložný.

Hodnota class atribút je rovnaký ako slovo po bodka vo svojej CSS záznam, ktorý je, mimochodom, tzv CSS class selector. Pravidlá pre hodnoty class atribút a jeho zodpovedajúce CSS class selector sú nervózny: každý jeden volič-a-class-meno musí byť len jedno slovo, bez medzier, a by mali obsahovať len písmená, číslice, alebo spojovník, v akejkoľvek kombinácii, ale začína iba s listom. class hodnota zahraničných alebo foreign1 je OK, ale nie je cudzích? alebo *123foreign.

lang atribút hodnota musí byť vybraný zo sadu štandardných dvojpísmenových skratiek, ako sk pre angličtinu, fr pre francúzsky, de pre nemecký, y pre španielsky, a ru pre ruský. Pre najviac časť, tieto sú rovnaké ako tie dva listy na koncoch internetových adries mimo NÁS.

Odkazy (“Kotvy”)

Zoznam vyššie by mali používať prvé tri typy inline prvky zrejmé. Odkazy, však vyžadujú špeciálne zaobchádzanie. Z historických dôvodov, odkaz prvok nie je technicky názvom “odkaz”, ale anchor, tak to je označené s otvorením <a> a zatváranie </a> značky. (Neviem, prečo sa niekto rozhodol, ak chcete volať to “kotva”, ale teraz sme sa zasekol sa s ním.) Len ako obrazový prvok (img), musí mať aspoň zdroj obrázkov uvedených ako hodnota src atribút, cieľové odkazu (alebo “kotvu”) musia byť špecifikované v otváracej <a> značka, pomocou href atribút.cieľové odkazu je adresa, na ktorú sa prehliadač by mal ísť ďalej, keď kliknete na odkaz, a href je skratka pre “hypertextový odkaz”, ktorý je viac alebo menej, čo to je. Hodnota href atribút je adresa, tiež známy ako URL, rovnako ako hodnotu src atribút. Rovnako ako s src atribút img tag, tak tu si môžete používať relatívne adresy, ak dokument a cieľ odkazu na rovnakej stroj, a preto majú rovnaké začiatky ich adresy Url, napr. http://www.cla.sc.edu/index.html a http://www.cla.sc.edu/departments.html. V takom prípade je odkaz na prvej stránke sa vzťahujú na druhý mohlo by to vyzerať takto:

 <a href="departments.html">Oddeleniach</a>

Inak, ak je však cieľ odkazu sa nachádza na iný hosť — veci prichádza okamžite po “http://” je iný — potom musíte zadať celú adresu URL, vrátane http:// na začiatku:

 <a href="http://www.amittai.com/">Amittai internetovej Stránke</a>

Čo patrí medzi otvorenie <a> a zatváranie </a> značky je text, ktorý bude slúžiť ako odkaz. V predvolenom nastavení, prehliadače zvyčajne zvýraznite tento text nejakým spôsobom, zvyčajne vykreslenie to ako zdôraznila, modrý text.

Underscoring na iné účely ako na odkazy nie je považovaný za vec štruktúra, tak to nie je podporovaná verzia HTML učil v tejto príručke (XHTML 1.0 Strict). Môžete získať podčiarkuje zobrazí na väčšine prehliadačov ustanovením nejaký iný prvok, ktorý sa vykreslí ako podčiarkli text pomocou Kaskádové Štýlu ( CSS). Kaskádové štýly sú technika pre zaučenie prehliadačov na vykreslenie HTML štruktúry podľa uvedených prezentačná pravidlá. Sú veľká téma pre seba a nebudú zahrnuté tu. Okrem toho, ak ste vytváranie Web stránok pre väčšie stránky ktoré má Web správcu alebo správcu webu, je to asi lepšie len povedať, webmaster, ako chcete mať svoju štruktúru objaví, a majú webmaster vytvoriť štýl pre vás. Dôležité je určiť prvok štrukturálne, že by ste chceli vidieť vykreslený ako podčiarkli text. Prečítajte si ďalšiu časť na div a span prvkov, pre malý úvod k tejto téme.

Cieľ odkazu môže byť niečo iné ako externý dokument. Namiesto toho, to môže byť rôzne časti toho istého dokumentu. Napríklad, môžete mať obsah v hornej časti dokumentu vo forme objednať alebo nečíslovaný zoznam, kde každá položka v zozname je názov sekcie a je aj odkaz, tak, že môžete kliknúť na tejto hlavy, a skočiť na položku. Potom, v samotnom, môže byť podobný odkaz späť na obsah. Odkazy používané na tento účel sú rovnaké vo forme odkazov, ktoré smerujú na externé dokumenty. Jediný rozdiel je v cieľovej adresy. Intead pomocou adresy URL alebo relatívnou adresou, použiť fragment identifier. fragment identifier je ekvivalent adresu, ale sa používa na fragment alebo časť dokumentu. Vždy má symbol # pred ním. Nasledujúci odkaz body fragment označené ako “top”:

 <a href="#toc">Skok na spodnej časti dokumentu</a>

V poradí pre túto prácu, budete musieť urobiť identifikovateľné, že miesto v dokumente, na ktorý odkaz bodov. Máte dosiahnuť to tým, že prvok id atribút. Napríklad, hlavička môže slúžiť ako cieľ fragment, a môžu obsahovať id: <h2 id=”info”>Info</h2>. Toto je preferovaný spôsob vymenúvania miesto v dokumente, ako identifikovateľný fragment.

Tento dokument už demonštruje použitie tejto techniky pre interné odkazy, obsah v hornej spojené s sekcií a odkazy nižšie každú časť, ktoré umožňuje užívateľovi vrátiť sa na obsah. Všetky cieľové fragmenty sú identifikované s id atribúty v hlavičky.

Môžete kombinovať URL iného dokladu a fragment identifier, že v rámci iných dokumentov tak, že na odkaz prejdete na konkrétnu časť, ktorá iný dokument. V prípade, že href atribút bude mať ako jeho hodnota URL, nasledované bez medzery v fragment identifier, ktoré je oddelené od adresy URL, ktorú # znak:

 <a href="another_document.html#part_in_middle">
Prejdite na miesto v strede iného dokumentu.
</a>

Okrem prepojenia na inom dokumente alebo na iné miesto v tom istom alebo inom dokumente, môžete konečne používať kotvy odkazu na e-mailovú adresu. Vo všeobecnosti, prehliadač bude spracovávať takéto spojenie otvorením predvoleného poštového programu, keď používateľ klikne na odkaz, pomocou adresy príjemcu, ktoré už vstúpili do “” oblasti odchádzajúce e-mailové správy. Ak chcete vytvoriť tento druh link, môžete použiť hrefatribút ako predtým, ale hodnota je slovo mailto, za ktorým nasleduje dvojbodka, po ktorom nasleduje e-mailová adresa požadované:

 Kontaktujte autora:
<a href="mailto:[email protected]">
[email protected]
</a>

Tu je príklad mail odkaz v spodnej časti tohto dokumentu. Od remíza-v k mailing úplne závisí na tom, či sa užívateľ stane, ak majú obe mailing a prehliadač na jeho alebo jej systém a stane sa dvaja z nich spoločne, nemožno predpokladať, že mail odkaz bude fungovať. Preto sa vždy dať skutočnú e-mailovú adresu, medzi otváracie a zatváracie tagy element. Tak, ľudia, ktorí nemôžu stačí kliknúť a e-mailové bude vedieť váš určené adresu a odoslať e-mail na to iným spôsobom.

Ak by ste chceli mať odkaz na diskusných skupín Usenet, používate veľmi rovnakým spôsobom ako pre prepojenie na e-mailovú adresu, okrem toho, že budete používať predponu novinky: namiesto mailto:. Veľmi uplatňujú rovnaké pravidlá o uvedenie názov diskusnej skupiny v texte odkaz, v prípade, že počítač nie je nastavený na otvorených diskusných skupín program automaticky — čo je často prípad. Ďalšia technika pre pripojenie sa na diskusných skupín Usenet používa odkaz na Google Spravodajstvo na Webe. Ak sa pozriete na Zdroje zoznam na konci tohto návodu, a potom sa pozrite na jeho zdrojový kód, budete vidieť, že technika v akcii.

Skratky a Akronymy

Ak ste boli v čítaní tohto dokumentu v up-to-date grafický prehliadač, možno ste si všimli, tooltip-zadajte text bubliny pop-up, keď ste sa posunuli myši cez text, povedal: buď “Hypertext Markup Language” alebo “Extensible Hypertext Markup Language,” alebo iné “Kaskádové štýly.” To by mohlo dôjsť vždy, keď ukazovateľ myši je na vrchole jedného z troch skratky — respektíve, HTML, XHTML alebo CSS. HTML poskytuje dva zaujímavé inline prvky, jeden pre skratky a iné pre akronymy: abbr a acronym, resp. V oboch prípadoch by ste mali nastaviť názov atribút hodnota rozšírený význam skratky alebo akronymu. Tento postup nie len umožňuje kompatibilné prehliadače pre zobrazenie okamžitej definície skratky alebo akronymu; čoskoro, prehliadače ponúkne užívateľovi možnosť rozšíriť všetky skratky a akronymy v texte alebo zmluvné ich späť k vám, alebo zobrazením rozšírenú verziu prvý výskyt každý skratka a acronym. Toto by mali pracovať pre textu, braillovo písmo, a audio prehliadače, ako aj grafické prehliadače. Preto som mať uzatvorené každý prípad každý acronym v tomto dokumente v <skratka> … </acronym> tagy a nastavili názov atribúty primerane. Ak chcete uložiť sám tedium toho, aby zadajte pomerne zdĺhavé markup zakaždým, keď som práve napísal akronymy celou cestou až na prvý, a potom použiť globálne hľadanie a nahradzovanie funkciu v mojom editor pre zmenu všetkých výskytov týchto akronymy tak, ako niesť ich značky.

Niektoré tvorcov súčasnej XHTML špecifikácia boli zjavne zmätená o slovo acronym, ktoré naozaj znamená pronounceable letterwords, ako radar, sieť LAN a UNICEF. Je zrejmé, nadbytočnosti abbr a acronym prvkov môže viesť viac zo súťaže medzi prehliadač tvorcovia “prehliadač wars” — ako z potreby, alebo logike — miesto bola zdôraznená tým, že drastické rozdiely v prehliadači podporu. Stručne povedané, tieto dva prvky sú súčasťou HTML ešte v toku.

<p> <span>

Ak máte určité štrukturálne prvky v dokumente, pre ktorých označenia uvedené HTML slovná zásoba nestačí, môžete označiť vaše prvku na blokovej úrovni s <p> a </div> tagy a na inline úrovni, s <span> a </span> značky. Od týchto značiek express žiadny konkrétny význam, ich funkcia je ponechaný až css. Zvyčajne, div (rozdelenie) alebo span element bude mať classatribút uvedené. Názov triedy je potom použité v štýle list, na ovládací prvok prezentáciu.

Predpokladajme napríklad, že som literárny-kritické eseje, v ktorých citujem blok textu a potom komentovať pasáž v rámci tohto bloku. Mohol by som chcieť zvýraznenie priechodu v inej farbe. Budem volať, že priechod span a nastavte class hodnota zvýraznený a potom použite CSS definícii zmeniť jeho vzhľad:

 <p>Chaucer je rozprávač komentáre na mníšske
preferencie pre lov nad životom v kláštore
s tým, čo znie ako schválenie:</p>

 <blockquote class="enm">
<p>
A ja seyde, že jeho názor bol dobrý.<br />
<span class="upozornili">Čo sholde on studie a aby hymselven
drevo,<br />
Na knihu v cloystre alwey na poure,<br />
Alebo swynken s jeho handes, a laboure,<br />
Ako Austyn bit? Ako shal svete byť doručený?<br /></span>
</p>
</blockquote>

<p>Vo väčšine z tejto chodby, moderátor používa
<iclass="technické">nepriamy voľný diskurz</i>,
narrating o Mních v tretej
 osoba, ale napodobňujú čo sú pravdepodobne Mních termíny a
argumenty, ako keby sa vydávať za neho. Tento prístroj navrhuje
možnosť iróniu, tak, že moderátor môže byť connoting a
kritický pohľad bez vyjadrenia.</p>

Potom, nasledujúci kód vyskytuje v môj štýl:

span.highlighted: {
		font-weight: bold;
		color: black;
		background-color: yellow;
	}

Tu sú výsledky:

Chaucer je rozprávač poznámky k Mních je preferencia lovu nad životom v kláštore s tým, čo znie ako schválenie:

A ja seyde, že jeho názor bol dobrý.
Čo sholde on studie a aby hymselven dreva,
Na knihu v cloystre alwey na poure,
Alebo swynken s jeho handes, a laboure,
Ako Austyn bit? Ako shal svete byť doručený?

Vo väčšine z tejto chodby, moderátor používa voľný nepriamy diskurz, narrating o Mních v tretej osobe, ale napodobňujú čo sú pravdepodobne Mních je pojmy a argumenty, ako keby sa vydávať za neho. Tento prístroj vám ponúkne možnosť iróniu, tak, že moderátor môže byť connoting kritický pohľad bez vyjadrenia.

Tu je príklad, ako používať jednorazový kód div prvok v spojení s CSS kód:

 <div class="centered">
<h4>Vycentrovaný Text</h4>
 <p>Tento text je zarovnaný na stred
nižšie centrované hlavičky.</p>
</div>

Toto je pridaná tutoriál.css súbor:

div.centered {
 text-align: center;
 }

A tu je výsledok:

Vycentrovaný Text

Tento text je zarovnaný na stred pod stred hlavičky.

Hodinky pre nadväzujúce na tento tutoriál, ktorý vám vysvetlí základy css podrobnejšie.

div element tiež príde vhod, keď potrebujete priložiť kotva v kontajneri, ale bod alebo iné takéto štruktúra textu je nevhodné, pretože kotva je naozaj mimo sama o sebe. Tento dokument používa div element pre tento účel veľmi, obsahujú <name=”top”></a> v hornej časti dokumentu, ktorý slúži ako cieľ pre odkazov smerujúcich späť na obsah.

Komentár

Často, to je dobrý nápad, ak chcete vložiť text do dokumentu, ktorý budete robiť nie chcete vidieť celý svet v okne prehliadača, ale to a všetky ostatné kodér, mali by ste vidieť vždy, keď sa pozriete do dokumentu zdrojový kód. Môžete vložiť pripomienky, napríklad, ak chcete aktualizovať niektoré časti pravidelne, alebo nejaký text, ktorý vám pomôže nájsť miesto, ktoré potrebujete na revíziu často. HTML komentár je označené s otvorom <!– a záverečný –> tag. Nič medzi <!– a –> nikdy sa zobrazia v okne prehliadača, ale, samozrejme, sa zobrazia v zdrojovom kóde. Ďalším spôsobom, že komentáre môžu prísť vhod je umožniť vám masky uvedené v časti HTML. Napríklad, niektoré časti stránok môže byť dočasne neplatné, ale možno to budete chcieť, aby text v prípade, že budete neskôr chcieť, aby sa to znova nezobrazí. Môžete jednoducho umiestniť celú vec v komentári a zmizne z prehliadača bez stopy.

Hlavy a Tela

V diskusii zatiaľ poskytla markup pre text v dokumente. HTML dokument tiež musí mať trochu markup okolité celý obsah, aby prehliadač softvér na spracovanie dokument správne. Po prvé, celý dokument je považovaný za jeden veľký html element. Sme tiež povedať, že html koreňový element, z ktorej všetky ostatné prvky “pobočky”. (Metafora je trochu abstraktné.) Takže celý dokument musí byť označené s otvorením <html> a zatváranie </html> značky. Musí existovať iba jedna html prvok v dokumente.

 <html>
<!-- Celý dokument ide tu. -->
</html>

<html> tag by mal obsahovať niekoľko špeciálne atribúty, ktoré sa majú prerokovať, na krátko.

S cieľom vidieť <html> tag pre seba, môžete zobraziť zdrojový kód z vášho prehliadača. Na grafickom prehliadači, ako je napríklad Microsoft Internet Explorer alebo Netscape Navigator, nájsť “Zobraziť Zdrojový kód” vZobraziť v menu a vyberte ju. Otvorí sa samostatné okno s zdrojový kód tohto dokumentu, a potom môžete vidieť všetky značky, vrátane otvorenia <html> a zatváranie </html>. Ten bude veľmi posledná položka je vidieť, ale bývalý nebude prvý. Čo nad to bude prerokované krátko, spolu s tými, atribúty pre otvorenie html tag.

Sú obsiahnuté v html prvku sú dva dôležité komponenty, vedúci a > orgán. Obsah vedúci element je väčšinou neviditeľné pre používateľa a oznamuje počítaču, na položky, ktoré podmienky poskytovania dokumentu. Napríklad, nie je v vedúci, ktorý štýlu listu sa zdá, alebo prvok prepojenie dokumentu na externý súbor s štýl. (Tento typ prepojenia prvok, mimochodom, názvom odkaz! Je špecifikovaný v samostatnom <odkaz /> značku.) Jeden prvok v vedúci sa zobrazí, však, a mali by sa vždy vyskytujú v tej vedúci: názov. Text zadaný v časti title prvku sa zobrazí v záhlaví, ktoré je zvyčajne, modrú alebo striebornú bar na samom vrchole grafického okna prehliadača. Ak nezadáte žiadny názov, názov bar zvyčajne len ukázať na adresu URL, ktorá sa vždy vyzerá lame a neprofesionálne a umožní svetu vedieť, že na stránke je autor nevie HTML. Tu je to, čo vedúci element tento návod vyzerá:

 <head>
<title>Krátke HTML
Návod</title>
<link rel="stylesheet" type="text/css" href="tutorial.css" />
</head>

Mali by ste pokračovať opäť a pozrite sa na zdrojový kód tohto dokumentu, vidieť <head> </head> značky prikladať <head> </title> značky a samostatný <link/> značka. odkaz element odkazov na externé štýl, ktorý určuje kód pre span a div prvky znázornené vyššie. Všimnite si, že prvky sú odsadené, aby ste ho ľahko prečítať kód, a ako sa to nemá žiadny vplyv na to, ako tento text je vydaný v okne prehliadača

Pod vedúci element prichádza > orgán element, nič medzi. > orgán element obsahuje celý obsah dokumentu, vrátane všetkých markup uviedli, táto časť, ako odsekov, zoznamy, atď.

Typ Dokumentu Vyhlásenie

Nad všetko, dokonca aj vrátane html koreňový element, sú pár riadkov kódu, ktorý stave prehliadača čítanie zvyšok dokumentu, oba vedúci a > orgán. Prvý prichádza XML deklarácia. Je to dal ako prvý, pretože aktuálnu verziu HTML, s názvom XHTML, je podmnožinou XML a zodpovedá jej pravidlá. XML, Extensible Markup Language, v skutočnosti nie je jazyk, ale abstrakt systém pravidiel, ktorými sa riadi značkovacích jazykov vo všeobecnosti. Okrem XML version, XML deklarácia určuje kódovanie, teda, znakovú sadu, ktorá sa používa. To je stále dôležité v novších prehliadačoch, ktoré podporujú mnoho znakov, vrátane Čínske, Thajské, hebrejčina a arabčina. Kódovanie ISO-8859-1 podporuje všetky Západnej abecedy znakov vrátane tých, ktoré majú akcenty alebo diakritické znaky. Najširšie a najviac vrátane kódovania je kódovanie UTF-8, ktorý pojme akýkoľvek jazyk v súčasnosti definované pre používanie internetu, vrátane tých s non-Západnej znakov. UTF-8 kódovanie vyhlásil pre tento dokument. Ak budete nasledovať môj príklad, XML deklarácia by mala vyzerať takto:

 <?xml version="1.0" encoding="utf-8"?>

XML deklarácia nie je naozaj značku. To otvára a zatvára pomocou špeciálneho XML symboly <??> namiesto < … />.

Priamo pod XML vyhlásenie prichádza typ dokumentu vyhlásenie, ktorý tiež nie je značka, ale vyzerá trochu ako jeden. Tu je, ako tento dokument je dokument typu vyhlásenie sa zobrazí:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Tam je tak veľa informácií v tejto položke sa, že som ho rozdeliť na dva riadky, ale tiež to môže byť písaný ako jeden. Zjednodušene povedané, týmto vyhlasuje, že dokument je koreňový element html, ktoré typu dokumentu je definované a popísané vo verejnej listine, že je to napísané v XHTML 1.0 Strict, že jeho definícia je napísaný v angličtine, a kde vymedzenie pravidiel XHMTL 1.0 Strict môžete nájsť online.

Ako súčasť dobrej XHTML 1.0 Strict praxi html koreňový element je úvodnou značkou by mali tiež určiť niekoľko atribútov:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-
	US">

V prípade, že ste zvedaví na tieto, xmlns=” http://www.w3.org/1999/xhtml “ určuje XML namespace. XML je tak abstraktné a flexibilné, že poskytuje pre viac ako jedného súboru, ako je uvedené atribúty v rovnakom dokumente, diferencované podľa ich názvov. Menný priestor je signalizované prefix pred atribút, ako xhtml:id. Tento skratky mohol dostať únavné, a tak, namiesto toho by ste mali vyhlásiť predvolený priestor názvov pre všetko, čo je v koreňový element, a to je to, čo xmlns atribút nemá. Ďalej jazyk dokumentu by mal byť nastavený. XHTML spolieha na jazyk nastaviť v XML namespace skôr ako jeho vlastný priestor názvov, takže lang atribút nesie xml: predponu. Jej hodnota je štandardný skratka pre dokument v jazyku, spolu s regionálnymi variant, ako en-US pre Americkú angličtinu alebo en – GB pre Britskú angličtinu. Po tomto, obyčajný starý lang atribút duplicity rovnakých informácií v prospech starších prehliadačoch, ktoré sa nedajú interpretovať všetky XML symboly a nemá žiadne ustanovenia pre menné priestory na všetkých. Dobre, budete vyzvaní, nedarilo sa vám?

Ak píšete dokument v XHTML 1.0 Strict, ako tento návod radí, potom môžete jednoducho skopírovať prvých pár riadkov tohto dokumentu a vložiť ho na vrchole všetky vaše dokumenty. Kopírovať z prvého riadku cez otvor <html> značka. Toto by mali ušetriť nejaké zbytočné tedium.

Mimochodom, zakaždým, keď budete prepínať jazyk dokumentu ako celku na niektoré nový jazyk, mali by ste povedať, tak v lang atribút v príslušných prvok. Zvyčajne to môže byť i element, ako už bolo spomenuté, alebo snáď blockquote element ak máte celý blok textu v inom jazyku. Môžete tiež použiť span alebo div prvkom pre tento účel. Jazyk, každý kúsok vášho dokumentu je užitočné informácie pre prehliadače, audio, okrem iného, pretože to by platia rôzne pravidlá pre pronouncing rovnaké znaky, v závislosti od jazyka.

Entity

Ak ste boli upozornení môžete boli zvedaví, o niečo celom tomto dokumente: zakaždým, keď som sa predstavila na ilustráciu HTML kód, som súčasťou značky na to, aby ste mohli sledovať ich. Ale, ak menovky sú tam, ako sa browser “vedieť”, že som iba cituje značky pre vás vidieť ich skôr ako používanie tagy štruktúra môj text? Ako môžem zastaviť prehliadač, z moju <tabuľka> značka a vytvorenie tabuľky, nie len zobrazuje menovku sám pre to, aby ste ju videli? Odpoveď možno nájsť, ak si chcete zobraziť zdroj tohto dokumentu. Všade tam, kde som potreboval predstavujú značku skôr, než skutočne chcete použiť značku, som sa vyhýbal otvorenie < a zatváranie > postavy. Namiesto toho som použil špeciálne riešenie spôsobiť brower na zobrazenie týchto znakov v okne prehliadača bez nutnosti zadávať znaky doslova do mojej kód. Pre otvorenie < znak, ja používam kombináciu znakov &lt;. To, čo vidíte, keď som sa napísať, že je < znak, ale to, čo browser “vidí” je štyri znaky, ktoré tvoria riešenie. Tento typ alias pre znakov sa nazýva znak jednotka a HTML definuje charakter účtovnej jednotky pre každý znak a symbol, ktorý môže byť zobrazený v danom kódovacieho systému. Všetky entity začať ampersand ( &) a ukončiť bodkočiarkou (;).

Ale ako som predstavujú zmes &lt; a &gt; na obrazovke pre vás bez týchto je preložený automaticky do príslušných jeden znaky < a >? Ako sa to stane, jednotkou na ampersand je napísaná &amp;. Takže môžete použiť to spôsobiť ampersand zobraziť bez písania ampersand v kóde, a ktorá bráni svoju postavu postupnosti byť interpretované ako znak jednotka možné vykresliť ako príslušný jednu postavu!

Entity sú užitočné aj pre “špeciálne znaky” nie je súčasťou štandardnej NÁS-anglická klávesnica. Napríklad, kombinácia &aacute; sa používa pre diakritické znak á. Podobne, &ouml;vám dáva ö, &ecirc; vám dáva ę a &ccedil; vám dáva ç. Akýkoľvek odkaz na normu na HTML bude mať úplný zoznam užitočných entity. Nižšie nájdete odkaz odkaz. Možno zistíte, že táto funkciaHTML je tak super, že si nikdy nebudete chcieť vrátiť k obyčajný slovo spracovanie znova.

Tak ďaleko, ja som len uvedené entity, ktoré majú pekné, mnemotechnická formy. Nie všetky entity majú tieto mnemotechnická pomôcky, ale všetky z nich majú číselnej formy. V tomto dokumente bol som pomocou entitu &#8212; pre dlhú pomlčku — ako je táto. To príde vhod v prepisovaní Emily Dickinson je poézia.

Písanie HTML

Takže ako by ste mali napísať HTML? Aké nástroje by ste mali používať? V poradí pre vašu HTML prísť správne, musíte použiť niektoré metódy, ktorá umožňuje súbor uložiť ako čistý ASCII text. To je najlepšie používať niečo ako poznámkový blok na stroji s Windows, alebo Jednoduchý Text alebo BBEdit na Mac stroj. Linux a FreeBSD stroje majú mnoho vynikajúcich pure-textové editory, ako vi, ? a kate. Ak používate textový procesor, ako napríklad Microsoft Word, Corel WordPerfect, alebo Claris Funguje, vystavujete sa riziku, že program vložiť všetky druhy neviditeľného, neštandardné, vlastnícke kód do textu s cieľom podporiť jeho formátovanie systému. Jednoduchý, čistý-textový editor, môžete sa spoľahnúť, že text bude vždy čo to je, že ste zadali. Na Windows stroje, môžete nájsť poznámkový blok v časti Programy → Príslušenstvo. Ak vám nevadí, že výdavky o $28, môžete tiež získať super-duper-souped – up text editor pre Windows stroje s názvom TextPad, dostupné na http://www.textpad.com. Je to nádherný nástroj pre rozvoj HTML, a použil som ho na písanie tento návod.

Populárne slovo spracovanie programov, ako sú napríklad Corel WordPerfect a Microsoft Word, ponúkame vám možnosť uložiť súbor ako HTML.” To je takmer vždy chybou. Predpokladajme, že ste urobili niečo kurzívou. Ako si textový procesor povedať, či tie kurzívou znamená dôraz alebo názov knihy alebo cudzí výraz alebo technický termín? To sa zníži ich všetky na rovnakej typ prvku, ako je ielement. Teraz predpokladajme, že chcete niekoho na tvorbu Webových program pre vás, ktorá vyhľadá všetky stránky pre knižné tituly. To je celkom prijateľné — môže byť vyhľadávač na fakulte publikácie alebo pre knihy, ktoré boli prerokované na stránkach internetovej stránke. Vyhľadávanie by zase hore slová a frázy, ktoré vás znamenalo len zdôrazniť, zmiešané s tituly. To isté platí pre hlavičky a veľa ďalších prvkov. Nemali by ste používať textový procesor na písanie HTML , pretože HTML je oveľa viac, formulovať ako slovo spracovanie. Slovo spracovanie je o tom, ako usporiadať slová majú určitý pohľad na vytlačenej stránke. HTMLrozširuje napísané interpunkčné znamienka, aby štruktúra dokumentu explicitné. Tie sú pravdepodobne lepšie písanie dokumentu v HTML v prvom rade a potom so textový procesor previesť do slov spracovaný text pre tlač.

Mnoho komerčných nástrojov a softvérové balíky sú k dispozícii, ktoré majú, aby to “jednoduché” vytvoriť báječný HTML stránky. Tieto zahŕňajú Microsoft FrontPage, Adobe GoLive!, Macromedia Dreamweaver, a Netscape Navigator. Všetky tieto produkty zaviesť vážne problémy, najhoršie a najznámejšie páchateľa je FrontPage. Majú tendenciu zaviesť do svojho kód rôzne neštandardné, majetkových položiek, ktoré je ťažké alebo nemožné pre ľudí, nie s použitím týchto produktov na zachovanie dokumentu. Tiež, majú tendenciu zaostávať krát, a ľudia často majú staršie verzie týchto nástrojov, takže kód vyrábajú len zriedka, ak vôbec, až do súčasnej XHTML noriem. Ak nechcete použiť žiadnu z týchto nástrojov, je to o to viac dôležité, aby ste porozumeli HTML. Napríklad, ak neviete HTML, si môže myslieť, hlavičky, ako jednoducho väčšie a ťažšie typ, skôr než ako samostatného prvku. Môžete sa pozrieť na menu možnosť vytvoriť hlavičku a vietor len vytvorenie veľká, ťažká typu. Váš softvér je viac schopné čítať vašu myseľ ako textový procesor je. Potom, Teraz predpokladajme, že neskôr, vzniká vám dať grand hlavičky cez celú stránku, a podriadiť všetky aktuálne hlavičky, že jeden? Od predchádzajúcej hlavičky nie sú označené ako hlavičky, nemôžete urobiť globálne hľadanie a nahradzovanie zase <h1> na <h2> v celom dokumente. Namiesto toho budete musieť prečešte dokumentu riadok po riadku, pri pohľade na veľké typ! Alebo supose chcete zmeniť celkový štýl a majú všetky hlavičky sa zobrazujú modrou farbou. Ako to teda urobiť, ak nie hlavičky sú umiestnené v ich vhodné h1alebo iné prvky? HTML, nie je veľmi komplikované alebo ťažké, a, s trochou praxe, možno zistíte, že je úprimne povedané jednoduchšie stačí napísať ručne, ako sa naučiť všetky ponuky, triky, a gizmos of out-of-the-wrapper produktu. Nehovoriac o tom, že písanie HTML yoursself je oveľa lacnejšie!

Ako uložiť a zobraziť dokument bol zahrnuté v blízkosti začiatku tohto návodu, ale pozrime sa. Raz ste napísali niektorí HTML, uložte súbor pod akékoľvek platné meno, ale s príponou .html. Názov musí obsahovať iba znaky, číslice, podčiarkovník, alebo spojovník. HTTP pravidlá pre manipuláciu HTML súborov na Webe a v prehliadačoch, je prísnejšie ako mnoho operačných systémov, takže nemusíte mať žiadne medzery, úvodzovky, otázniky, výkričníky body, atď. do názvu súboru. (Vlastne, dôvodom je, že všetky tieto symboly sú vyhradené pre špeciálne účely a funkcie. Otáznik, napríklad, prichádza medzi URL riadne a reťazec vstupných údajov pochádzajúcich z forme predložené online.) Prípona súboru .html umožňuje browser “vedieť”, že súbor je byť vydaný skôr, než sa načíta a ukladá a umožňuje operačný systém “vie”, že súbor by mal byť realizované prostredníctvom prehliadača.

Potom by ste mali pozrieť výsledky svojho kódovanie otvorením súboru v prehliadači. Môžete najprv otvorte prehliadač a potom, v rámci nej otvoriť lokálny súbor (zvyčajne cez Súbor→Otvoriť menu výber). Ak sa zobrazí dialógové okno, ktoré sa vás opýta napíšte adresu do prázdna, pozrite sa na “Brose” (Windows) alebo “Vyhľadať” tlačidlo v dialógovom okne. Týmto otvoríte nejaký súbor, zoznam a môžete ísť hľadať pre váš dokument tam. Prípadne môžete nájsť súboru v zozname súborov, napríklad program Windows Prieskumník alebo Moje Dokumenty, zoznam na stroji s Windows a jednoducho dvojklikom na tento záznam.

Vo všeobecnosti je najlepšie urobiť to hneď, ako máte minimálne množstvo HTML napísané, že môžete pozrieť v prehliadači — teda, hneď ako sa vaše vyhlásenia na vrchole, otváracie a zatváracie tagy vášho html koreňový element, aspoň nejaký vedúci element, a > orgán s aspoň nejaký text. Udržať váš textový editor, ktorý beží v rovnakom čase. Ako si udržať vstupe na nové HTML, potom môžete prepnúť do okna prehliadača a vidieť výsledky. Ak chcete aktualizovať okno prehliadača zakaždým, keď budete mať uložené revízia dokumentu, vyberte Zobrazenie→Obnoviť položky menu. Takže vaše práce pokračuje v cykle: písanie/editovať, uložiť, prepnúť okná, obnoviť, vidieť výsledky, prepnúť okná, písať/editovať, uložiť, prepnúť okná, obnoviť, vidieť výsledky, prepínač windows … To je nazývané vývojový cyklus. Aby vývoj cyklu jednoduchšie pre vás, možno zvyčajne použiť aj klávesové skratky ak chcete prepínať medzi oknami. Na stroji s Windows, môžete prepínať medzi aplikáciou windows držte kláves Alt a stlačte kláves Tab. To isté kombinácia funguje na Linuxe počítače so systémom COMMON. Mnoho prehliadačov na mnohé operačné systémy umožňujú podržte Alt alebo Príkaz, tlačidlo nadol a stlačením r tlačidlo v, aby sa “obnoviť” alebo “znovu načítať stránku.

Overiť!

Keď ste skončili s vašou HTML dokumentu a vyzerá to, ako keby štruktúra je dobre definované podľa toho, čo sa zobrazí v prehliadači, mali by ste sa pokúsiť overenie dokumentu. World Wide Web Konzorcium, tiež známy ako W3C, poskytuje bezplatné používanie jeho validácia softvér, ktorý kontroluje váš HTML za akékoľvek chyby alebo problémy a povie vám, kde niektoré z týchto vyskytnúť, po riadku počet a charakter pozície v rade. Môžete nájsť W3C HTML Validator na tejto adrese: http://validator.w3.org. Postupujte podľa pokynov na overenie súboru načítanie do Validator. Nenechajte si frustrovaný, ak máte nejaké chyby. (Mal som nejaké v tomto dokumente!) Môžete opravte ich a skúste to znova, až kým sa dostanete k najvyššej spokojnosti so Validator blahoželáme a ponúknuť vám privilégium vloženie trochu odtlačkový do svojho textu ukázať, že je platný HTML. To vám môže dať teplý pocit vo vnútri, a pocit, že si zaslúži, aby sme oslávili s pivo alebo dva — alebo možno dlhým vlasom.

Keďže celý bod písanie HTML je mať stroje čítať a že je vhodne, každý malý detail, sa počíta. Stroje sú veľmi hlúpy a neviem, ako sa ubytovať preklepy. Sú oveľa menej priestoru ako učitelia angličtiny. Takže každý detail zdrojový kód musí byť správny. Validator robí to oveľa jednoduchšie pre vás nájsť svoje chyby a opraviť ich, pretože to automaticky vám povie, kde sú vo vašom kóde a dokonca naznačujú to, čo sa deje s tými škvrny. Je to oveľa lepšie ako pri pohľade na neočakávané prázdna obrazovka a premýšľal, kde na zemi je chybou je, že spôsobil všetky vaše krásne písanie zmizne.

“, Ako Sa Svet Slúžil?”

Ak váš dokument je hotový a jeho HTML bolo preukázané platné, môže to byť čas, aby sa to k dispozícii verejnosti. Ak to chcete urobiť, musíte sa dať na mieste, kde Web server môžete získať prístup kslúžiť to o to požiadajú a dostanú počítače. Všeobecný výraz server, v computerese vzťahuje na akýkoľvek program, ktorý posiela údaje (elektronické signály) na akýkoľvek iný program, tzv klient — keď klient požiadavky údajov zo servera. V konkrétnom kontexte World Wide Web, program, ktorý hrá klienta úlohu je vaša prehliadač. Keď s názvom klient — a poskytovať údaje (ty a nulami) na klienta v reakcii na žiadosť klienta. V Web kontext, klient je prehliadač. Keď ste nasmerujte prehliadač na Web adresu, váš prehliadač — Web klient — pošle žiadosť cez káble a pripojenia na Internet na Web server. Server odpovedá zaslaním požadovaných HTML dokumentu späť na klienta, t. j., váš prehliadač. Ste nemali na nič z toho, aby sa zobrazenie dokumentu, až teraz, pretože vy boli jedinou osobou, prezeranie dokumentu — to nebol verejne dostupné cez Internet ešte.
Typicky, Web server beží na nejaký počítač — hosť — že je stále zapnutý a pripojený na Internet, vo všetkých dobách a to sa aj drží HTML súbory na svoj pevný disk. Normálne, tento hosť je ďaleko niekde, pripojené k počítaču iba prostredníctvom Internetu a nie nejaký úrad kábel siete Ethernet, takže server je počítač sa nazýva vzdialeného hostiteľa. (Ľudia často volajú vzdialeného hostiteľa sám server metonymy.) Takže vášho prehliadača (napr., klienta) žiadosť ide von na vzdialeného hostiteľa, a server beží na vzdialenom host odošle prostriedok späť HTML dokumentu — ak je k dispozícii. Celý tento automatizované interakcie sa riadi podľa štandardných pravidiel s názvom HTTP, http (Hypertext Transfer Protocol.

Mimochodom, takmer každý jeden z hráčov v dráma HTTP transakcia má rôzne technické mená. Webová adresa, je tiež nazývaný URL, alebo Uniform Resource Locator, a je tiež známy ako URI, alebo Uniform Resource Identifier. Váš pokorný prehliadač je tiež nazývaný user agent, pretože je to akty robotically pre vás, user. Snáď najviac evokujúce meno je jedným z aliasy pre Web server: HTTP démon. Moje vedomosti, avšak Internet nie je oficiálne nazýva “temné Satanic mlyn.”

V poradí pre Web server slúžiť na vašu stránku, musí mať k nemu prístup, a to zvyčajne znamená, že sa musíte loď z vášho lokálneho počítača na vzdialený hostiteľ, a uložiť ju v niektorých adresár na vzdialenom hosť špeciálne určené pre server pozrite sa tu na to, keď žiadosti prísť. Ak to chcete urobiť, budete zvyčajne pošlite vašu HTML súbor do vzdialeného hostiteľa pomocou softvéru, ktorý nasleduje File Transfer Protocol, alebo FTP. Podľa metonymy, protokol názov premenil sloveso: “FTP vášho súboru na server.” V záujme FTP súbor vo všeobecnosti potrebujú povolenie na uloženie súborov na vzdialenej hosť je Webový adresár, a vy sa vydáva užívateľské meno a heslo pre tento účel. Potom môžete využiť výhodné obchodné FTP klient — áno, iný druh klient — nie prehliadača, ale program, ktorý vyžaduje, aby remote host pripojenie na lokálnom počítači a umožňujú odosielať súbory tam a späť medzi dvoma počítačmi). Dva obľúbené FTP klientov WS_FTP a CuteFTP (ktorá môže alebo nemusí pripadá vám ako roztomilý). Ak nemáte povolenie na mount HTML súbory na vzdialenom počítači, môžete mať webmaster vo vašej kancelárii, ktorá je povolené urobiť pre vás.

Okrem vytvárať nové dokumenty, ďalšie využitie pre HTML je štruktúra časti dokumenty, ktoré môžete zadať do polí formulára pre špeciálne účely. Napríklad, ak vytvoríte položku na Tabuli samozrejme webovej stránky máte možnosť vložiť text HTML. Tabuľa sama o sebe poskytuje vonkajšie HTML kód, vrátane html prvku otváracie a zatváracie tagy, celý vedúci, a v časti > orgán. Tabuľa vloží svoj nový kód do > orgán element. V takomto prípade, by ste mali napísať HTML lokálne všetky potrebné rámec — typ dokumentu vyhlásenie, vedúci a > orgán prvkov — tak ako overiť. Potom označte všetky kód v > orgán, skopírovať a vložiť (paste) do Tabuľa pole formulára, pričom sa dbá na značku začiarknutia políčka pre HTML.

Zdroje pre Ďalšie Informácie

  • http://www.w3.org/MarkUp/#tutorials. Táto stránka obsahuje odkazy na vynikajúce, up-to-date, návody, a je na oficiálnej webovej stránke W3C.
  • http://www.hclrss.demon.co.uk/demos/wgl4.html. Táto stránka poskytuje veľmi dôkladné zoznam HTML subjektov. Hoci názov stránky je zvuk ako keby to platí len pre Windows strojov, že nie je ten prípad. To jednoducho zakladá svoje zaradenie na Windows charakter systémov, pretože tie sú relatívne kompletný, ale matematického a mnemotechnická subjekty by mali pracovať v ľubovoľnom prehliadači, ktorý je v súlade s normami.
  • http://safari.oreilly.com/main.asp?bookname=htmlpr2. Informácie o HTML Vrecku Odkaz, 2nd ed., podľa Jennifer Niederst. Toto je veľmi užitočná, krátke, ľahké a lacné referenčný manuál — v knihe.
  • http://safari.oreilly.com/main.asp?bookname=htmlpr2. Informácie o HTML & XHTML: Konečná Návod, 5. vyd., tým, že Chuck Musciano a Bill Kennedy.
  • http://htmlhelp.com/faq/html/. Zoznam Často kladených Otázok (“FAQ“) patriacich do comp.infosystems.www.authoring.html, Usenet skupiny, určených na otázky a diskusie o HTML a XHTML.
  • diskusných skupín, sám, comp.infosystems.www.authoring.html, odkaz na vaše predvolené diskusných skupín program, ak to je tak nastavený.
  • diskusných skupín Usenet comp.infosystems.www.authoring.html ako dosiahnuť prostredníctvom služby Google News service na ich webových stránkach.

Ďakujem

Chcel by som vyjadriť svoju hlbokú vďačnosť účastníkov na diskusné skupiny Usenet comp.infosystems.www.authoring.html a comp.infosystems.www.authoring.stylesheets pre svoje pripomienky, návrhy a úpravy tohto dokumentu, zatiaľ čo to bolo (a je stále) vo vývoji. Majú ponúkol mi veľmi intenzívne skúsenosti z peer review) a sú veľkým zdrojom technických informácií. Vždy je treba, samozrejme, všetko skontrolovať jeden číta tam proti úradné dokumenty promulgovaný organizácie ako World Wide Web Consortium.