Hlavným programovým jazykom je HTML (Hypertextový značkovací jazyk) je hlavným programovacím jazykom na vývoj webových stránok.Vytvorený ako jednoduchý a pohodlný programovací jazyk. Väčšina internetových stránok bola vyvinutá pomocou jednej z foriem tohto jazyka (ColdFusion, XML, XSLT). Po prečítaní tohto článku môžete pokračovať v tréningu pomocou iných zdrojov na internete. Pokúste sa vyhľadávať ďalšie články týkajúce sa tejto témy na internete.

Kroky

Metóda 1 z 1:

Písanie HTML stránok

jeden. Skôr ako začnete oboznámenie s jedným z krokov, ktoré sú tu prezentované, pozrite si časť "Čo potrebujete".

Obrázok s názvom Napíšte HTML Page Krok 2

2. Čo potrebujete vedieť, než začnete pochopiť túto otázku:

3. Základy. Už ste niekedy počuli o tagu? Značka je obklopená uhlovými konzolami, so slovom vnútri. Konečná značka je zaznamenaná v rovnakej forme, ale s pridaním lomky po prvej rohovej konzole. Atribút je ďalším slovom v štítku, ktorá sa používa na pridanie častí do značky.

4. Začiatok dokumentu. V ľubovoľnom textovom editore, ktorý používate, vložte to, čo je uvedené nižšie:
wikihowAhoj svet
Značka by mala byť uzavretá v rovnakej značke, ale s vrstvou po prvom rohovom konzole. Existujú výnimky, ako napríklad tagy Meta alebo DOCTYPE.

Obrázok s názvom Napíšte HTML Page Krok 3

päť. DOCTYPE

Väčšina webových stránok je spravidla nastavená DOCTYPE ". Pomáha určiť kódovanie, ako aj ako to bude vnímané webovými prehliadačmi. Väčšina stránok bude fungovať bez neho, "ale je to potrebné, ak sa chcete zhodovať (regulujú typy internetových kódov a spôsobov, ako ich používať). DOCTYPE PRE HTML 4.01 je nižšie:http: // W3.Org / tr / html4 / prísny.DTD"> Toto je jedno z najbežnejších DOCTYPE POUŽITÝ NA STRÁNKU NASTAVENSTVU. Po prvé, označuje typ stránky, ktorá opisuje "HTML", potom to zvýrazňuje typ kódovania, a na konci, umiestnenie DOCTYPE, čo v dôsledku toho popisuje stránku pre webový prehliadač.

Existujú rôzne typy HTML (rôzne verzie určené mnoho rokov), napríklad použitie nových značiek alebo špecifických značiek. Niektoré značky sú zastarané (iné, použije sa viac užitočných značiek).

a - Toto je to, čo je v súčasnosti uložené na tagoch, pretože sa používajú na transformáciu textu, ale nie špecifikácie, v dôsledku toho, iné značky prichádzajú nahradiť. Tagje náhrada za , a nahradenie .

Je dôležité, aby boli predchádzajúce značky nahradené značkami, ktoré sú viac ako formátovanie. Ak je text preložený, potom nielen formátovanie, ale jeho význam zostáva rovnaký. Je to sémanticky správne.

V XHTML verzie 2.0, tagy a Nepoužíva sa, ako aj v HTML verzii 3+.

Obrázok s názvom Napíšte HTML Page Krok 4

6. Html "Zapuzdrenie pravidla".

Pozrime sa na viac dôležitých značiek. Pri vytváraní stránky sa používa jednoduchá štruktúra. Ak bola značka otvorená, potom ako výsledok, Musí byť zatvorený. Týka sa to celej štruktúry. Správny príklad štruktúry rozloženia XHTML je uvedený tu:

http: // W3.Org / tr / xHTML1 / DTD / XHTML1-prísny.DTD">

http: // W3.Org / 1999 / xhtml">

Ahoj svet!

Vzorový kód, ktorý dáva správu Ahoj svet. Toto sa nazýva cesto Ahoj svet.

Obrázok s názvom Napíšte HTML Page Krok 5

7. Titul

Názov webovej stránky - toto je obsah medzi značkou . Tento obsah nie je možné zobraziť používateľom (iba názov, ktorý sa zobrazí na titulnej strane). Informácie medzi tagmi , Môže vytvoriť iné značky, ako napríklad:

Meta tag, ktorá sa používa na informácie, ktoré sú užitočné pre vyhľadávače a iné nástroje.

Link tag, ktorý vytvára spojenie medzi dokumentmi, napríklad pre štýly (CSS).

Script Tag, obsahuje takmer akékoľvek webové kódovanie, s možnosťou vzdialeného prístupu (z iného dokumentu).

Štýl tag, ktorý je v podstate štýl, ktorý možno aplikovať na stránke.

Titul Tag, toto je názov, ktorý sa zobrazí ako názov stránky vo vašom webovom prehliadači.

Pozrime sa na demonštráciu niektorých z nich v príklade titulu, prevzaté z tejto webovej stránky (bolo znížené):

...

Ak ste si nevšimli, boli pridelené jednotlivé značky s odstránením skutočných informácií. Príklad je skôr krátky, s show, takmer každá značka, ktorá môže byť v , S výnimkou komentára HTML (o tom budeme hovoriť v jednoduchých tagoch).

Obrázok s názvom Napíšte HTML Page Krok 6

osem. Jednoduché tagy všade

Poďme ďalej a pozrite si iné tagy. Buďte opatrní pomocou tagov a zapamätať si veľké pravidlo prsta, "zapuzdrenie."

Alokuje dôležitý text.

Robí menšiu veľkosť textu. Veľkosť písma sa meria v štandardných jednotkách od 1 do 7, 3 - Toto je predvolená veľkosť textu. .

 Určuje blok formátovaného textu. Ako správne je taký text prijatý písmom rovnakej veľkosti a so všetkými medzerami medzi slovami.

Ukazuje text vo forme frázy.

~~Prechádza text.~~

Určuje text, ktorý bol vložený do dokumentu.

Jeden z mnohých štítových značiek. Tagy tohto druhu začínajú `h`, s rozdielom na obrázku. Uistite sa, že zatvoríte značku s rovnakou číslicou.

Definuje odsek.

Na rozdiel od iných tagov musí byť komentár vo vnútri samotného štítku. Tieto informácie sú viditeľné len vtedy, keď je kód zobrazený.

Ukazuje citáciu, môže byť použitý so značkou .

Niekoľko príkladov uvedených vyššie nie sú kompletným zoznamom existujúcich tagov. Dozvedieť sa o iných, Návšteva .

Obrázok s názvom Napíšte HTML Page Krok 7

deväť. Vytvorenie jasnej štruktúry

Stránky sú navrhnuté tak, aby držali dáta v jednoduchých súboroch značiek, aby sme mohli rozobrať informácie v odsekoch. Počítač rozpozná údaje, nevie o kontexte alebo ideologickom spojení. Musíme vytvoriť stránku priateľskú stránku HTML. Toto sa dosiahne pri používaní DIV Tag. Pomáha vytvoriť obrovské množstvo stránok. Môže byť štylizovaný s CSS, a je jednoduchšie, než vytvoriť veľké kódové tabuľky pre usporiadanie.

Táto značka je špeciálna, pretože môže byť štylizovaná a používať jednotlivé bloky informácií, ktoré budú chápané a užívateľom a počítačom.

Pozrime sa na jednoduché rozloženie HTML, ktoré TAGE TAGE používa.

http: // W3.Org / tr / xHTML1 / DTD / XHTML1-prísny.DTD">

http: // W3.Org / 1999 / xhtml">

Ahoj svet!

Toto je nejaký text v Div # Contentone.

Odsek v pododdiele DIV # Contentone

Použiť značku

pomáha pri hľadaní a meniacich sa štýloch pri práci s CSS a jаvascript. HTML bude používať rôzne kódovanie na prácu s štýlmi CSS a jаvascript na vytvorenie najlepšej a citlivej interakcie s užívateľom.

Tipy

Po prečítaní tohto článku sa nezastavujte a nemyslite si, že ste sa naučili všetko, čo potrebujete. Vždy existuje niečo, čo sa môžete naučiť, najmä v tejto technológii.
Učte sa, obchod a napíšte kód.
Upozorňujeme, že niektoré značky používajú iba <>. Odseku a br - niektoré z príkladov. Ostatné štítky otvorené s <>, potrebujú ďalšie uzavretie. Napríklad, "".
Ľudia čakajú na nové objavy, takže vymyslieť, vytvoriť dizajn alebo kód.
Akonáhle sa naučíte veľa, skúste učiť sa na programovanie servera.
Naučte sa pracovať s CSS, ako aj s jаvascriptom.

Upozornenia

Nezabudnite, že HTML je editovať obsah. To znamená, že HTML sa používa len na ukladanie obsahu v uznávanom formáte. Ďalšie zmeny by sa mali vykonávať pomocou iných technológií, napríklad CSS. To tiež znamená urobiť "sémanticky správne, Aj keď iní nepoznajú. Iné programovacie jazyky pomáhajú vytvoriť webové stránky (CSS, jаvascript a XML). HTML je dizajnér obsahu.

Čo potrebuješ

Textový editor, ktorý podporuje kódovanie ANSI
Webový prehliadač, ako napríklad Internet Explorer alebo Mozilla Firefox
(Voliteľné) WYSIWYG alebo WYKIWYG HTML EDITOR, napríklad Adobe Dreamweaver, Aptana Studio alebo Microsoft Expression Web