Základy HTML – požadované značky a vytvorenie dokumentu HTML - 5,0 z 5 na základe 1 hlasu

V tomto návode sa budeme zaoberať základmi HTML.

Ako už viete, väčšina webových stránok na internete je vo forme súborov html. Zvážte základné značky takéhoto dokumentu a ich účel.

Líšia sa od textového dokumentu tým, že html dokumenty obsahujú určité značky, ktoré určujú, ako bude text a grafika vyzerať na stránke, a tiež majú príslušné prípony súborov.

Aby prehliadač rozumel táto strana pozostáva z tagov a je na to určený, musí mať určitú príponu. Html dokumenty majú prípony .html alebo .htm.

Teraz vytvoríme jednoduchú webovú stránku. Vytvorenie html dokumentu, teda súboru s príponou .html, je jednoduché ako lúskanie hrušiek. Navrhujem, aby ste si na to vytvorili špeciálny priečinok, do ktorého vložíte všetko, čo budeme brať do úvahy v lekciách.

Zatiaľ na študijné účely jazyk HTML stránky nepoužijeme špeciálne programy, ako sú všeobecne známe . Naším cieľom v tejto fáze je naučiť sa základy html.

Na vytváranie stránok použijeme štandardný textový editor, ktorý je v akomkoľvek Verzie systému Windows. Z vlastnej skúsenosti to viem tadiaľto najproduktívnejšie a najzrozumiteľnejšie pre človeka, ktorý sa práve začal učiť základy HTML.

V budúcnosti je na vytvorenie stránky najlepšie použiť nejaký HTML editor, čo vám zjednoduší prácu. Osobne radšej používam editor Dreamweaver.

Medzitým použijeme textový editor poznámkového bloku. Preto prejdeme na položku ponuky „Štart“ >> „Všetky programy“ >> „Štandard“ - a spustíme textový editor poznámkového bloku.

Teraz skopírujte a vložte nižšie uvedený kód do okna poznámkového bloku, je to základ pre akýkoľvek html súbor:

Takže ste vytvorili svoj prvý webstránka!!!

Vložené? A teraz vyberte položku ponuky "Súbor" v poznámkovom bloku a položku "Uložiť ako ..." v rozbaľovacom zozname, otvorí sa okno na uloženie súboru. Tu nás bude zaujímať pole "Názov súboru". Tu je potrebné zadať názov nášho súboru, napríklad „Moja prvá stránka“ a namiesto prípony .txt príponu .html.

Pamätajte, že pri umiestňovaní stránok na Internet sa im priraďujú mená anglický jazyk, tu sme uviedli názov v ruštine len ako príklad. Pozrite sa na výkres.

Potom vyberte priečinok, ktorý ste vytvorili predtým, alebo akýkoľvek iný priečinok v počítači a uložte tam tento súbor. Ja sám Textový dokument nezatvárať, budeme s ním stále pracovať.

V dôsledku toho, že ste zadali kód a zmenili príponu z .txt na .html, sme textový dokument „premenili“ na html dokument. Teraz prejdite do priečinka, do ktorého ste uložili tento súbor, a otvorte ho pomocou prehliadača. V dôsledku toho uvidíte text: "Tu ste vytvorili svoju prvú webovú stránku!!!"

Potom sa vráťte do nášho poznámkového bloku bez zatvorenia okna prehliadača a skúste zmeniť text „Tu ste vytvorili svoju prvú webovú stránku!!!“ na čokoľvek. Potom prejdite na položku ponuky „Súbor“ >> „Uložiť“ a prejdite do otvoreného okna prehliadača s touto stránkou, kde kliknutím na tlačidlo obnovte stránku alebo stlačte kombináciu Klávesy Ctrl+ R, stránka sa obnoví a prehliadač zobrazí váš text.

Vždy to urobte, keď niečo zmeníte v samotnom kóde, v textový editor poznámkový blok a chcete vidieť, ako ho zobrazí váš prehliadač.

Teraz poďme zistiť, aké značky sme zapísali do nášho súboru. V skutočnosti sú to najdôležitejšie značky html dokumentu, ktoré tvoria základ HTML súbor a mal by byť v každom HTML dokumente.

Prvá z hlavných značiek v našom kóde je tieto počiatočné a koncové značky začínajú a končia html dokument a tiež informujú prehliadač, že tento súbor by sa mal považovať za html dokument.

Ďalšie značky slúžia ako akási hlavička html dokumentu, v ich vnútri sú umiestnené ďalšie značky, ktoré obsahujú určité servisné informácie. Povieme si o nich v iných.

V tomto prípade obsahujú značky, tieto značky obsahujú názov stránky, môžete ho vidieť úplne hore v okne prehliadača, v našom príklade bude názov „Moja prvá stránka“. A posledné značky z nášho kódu sú medzi týmito značkami je umiestnený priamo celý obsah webovej stránky, všetok text, grafika, tabuľky atď. HTML súbor.

V tejto lekcii sme skúmali značky, ktoré sú potrebné pre akýkoľvek html dokument a tvoria jeho základ. V ďalšom lekcie HTML pozrieme sa na zvyšok značiek a zistíme, za čo je každá značka zodpovedná samostatne a aké atribúty sú vlastné konkrétnej značke.

Základy HTML obsahujú základné pravidlá jazyka HTML, popis štruktúry HTML stránky, vzťahy v štruktúre HTML dokumentu medzi HTML prvkami.

HTML dokument je obyčajný textový dokument, možno ho vytvoriť rovnakým spôsobom ako v bežnom textovom editore. (Notebook) a v špecializovanom so zvýraznením kódu (Poznámkový blok++, vizuálne štúdio kód atď.). HTML dokument má príponu .html.

HTML dokument pozostáva zo stromu HTML prvkov a textu. Každý prvok je v zdrojovom dokumente identifikovaný začiatočným (otváracím) a koncovým (zatváracím) tagom (až na zriedkavé výnimky).

Štartovacia značka ukazuje, kde prvok začína, končí - kde končí. Záverečná značka vytvorené pridaním lomky / pred názov značky:<имя тега> … . Medzi počiatočným a koncovým tagom je obsah tagu – content.

Jednotlivé značky nemôžu ukladať obsah priamo, zapisuje sa ako hodnota atribútu, napríklad značka vytvorí tlačidlo s textom Tlačidlo vnútri.

Značky môžu byť vnorené do seba, napr.

Text

. Pri investovaní musíte dodržiavať poradie ich uzatvárania (princíp "matriošky"), napríklad nasledujúci záznam by bol nesprávny:

Text

.

Prvky HTML môžu mať atribúty (globálne, aplikované na všetky prvky HTML a ich vlastné). Atribúty sa zapisujú do úvodnej značky prvku a obsahujú názov a hodnotu špecifikovanú vo formáte atribútu name="value" . Atribúty umožňujú meniť vlastnosti a správanie prvku, pre ktorý sú nastavené.

Každý prvok môže mať viacero hodnôt triedy a iba jednu hodnotu id. Viaceré hodnoty triedy sú zapísané s medzerou,