Úplná syntax jazyka html. Syntax PHP. Základy jazyka HTML

HTML znamená HyperText Markup Language ( hypertextový značkovací jazyk):

  • Jazyk znamená, že ho môže čítať človek aj počítač;
  • značkovanie znamená, že kód, ktorý napíšete, je označený kľúčovými slovami;
  • hypertext znamená, že používa HTTP ako súčasť internetu.

Ako každý jazyk, aj HTML sa dodáva so sadou pravidlá. Tieto pravidlá sú pomerne jednoduché a zredukujú sa na definíciu hranice vedieť, kde niečo začína a kde končí.

Nasleduje príklad odseku v HTML:

<p> Dnes sa na webovej stránke učím syntax HTML</str>

Čo vidíte v lomených zátvorkách< и >volal značky HTML. Určujú, kde niečo začína a kde končí.

Už som vytvoril referenčný záznam HTML, kde som bol úplný zoznam všetky značky a ich význam. Odkaz na tento príspevok -

Každá značka má svoj špecifický význam. V našom prípade<р>znamenať odsek text.

Zvyčajne prichádzajú v pároch:

  • otvárací štítok<р>definuje začiatok odseku;
  • uzatváracia značka

    určuje jeho koniec.

Jediný rozdiel medzi otváracími a zatváracími značkami je lomka /, ktorá predchádza názvu značky.

Keď skombinujete počiatočnú značku, koncovú značku a všetko medzi tým, získate HTML prvok.

Ak si tento príklad pozriete vo svojom prehliadači, všimnete si to HTML tagy nezobrazuje sa v prehliadači. Prehliadač ich iba číta, aby vedel, ktorý typ obsahu napísal si.

Skupiny značiek

Všetky značky sú rozdelené do 2 typov, inline a block.

Blokovať prvky ako:

  • odsekov<р> ;
  • zoznamy: neusporiadané (so značkou)
      alebo usporiadané zoznamy (s číslami)
        ;
      1. nadpisy: od prvej úrovne

        až do šiestej úrovne

        ;
      2. články
        ;
      3. oddielov
        ;
      4. dlhé úvodzovky
        .

    Malými písmenami prvky ako:

    Blokovať prvky sú pre štruktúrovanie hlavné časti vašej stránky, a to rozdelením obsahu do logicky súvisiacich blokov.

    Malými písmenami prvky sú určené na vymedzenie časti textu a na poskytnutie špecifickej funkcie alebo významu. Vložené prvky zvyčajne obsahujú jedno alebo viac slov.

    Atribúty

    Štítky môžu tiež obsahovať atribúty– špeciálne príkazy, ktoré rozširujú činnosť značky. Pre niektoré značky sa vyžaduje, aby fungovali správne. Napríklad, aby odkaz smeroval na zadanú adresu, musíte pridať ďalší atribút. Odkaz bude vyzerať takto:

    Atribúty sú umiestnené vo vnútri úvodnej značky v tomto formáte: <тег атрибут1=”значение” атрибут2=”значение”> .

    Úvodzovky môžu byť ľubovoľné – jednoduché alebo dvojité, je dovolené ich neuvádzať vôbec, ak sa hodnota atribútu skladá z jedného slova (nie je to však žiaduce).

    Kde písať HTML

    Určite ste sa už stretli so súbormi s obyčajným textom, s príponou .txt. K takýmto textový súbor sa stal HTML dokument(namiesto textu), musíte použiť príponu .html.

    V zásade môžete na prácu s HTML použiť aj obvyklé Textový dokument, ktorý je štandardom na každom počítači. Na to musíte vytvoriť nový dokument, napíšte do neho kód a uložte ho vo formáte .html.

    Aby ste mohli pracovať s HTML súbory bolo pohodlné, môžete použiť špeciálny editor, ktorý je určený na prácu s týmto typom súboru. Jedným z takýchto editorov je Vznešený text 3, už som o ňom písal z mojich predchádzajúcich záznamov. Tu je odkaz na vstup -

    Čo napísať do súboru

    Aby ste si mohli svoju stránku vizuálne zobraziť v prehliadači, musíte do súboru lokality napísať nasledujúci kód.

    Toto je základná šablóna, ktorá sa používa na písanie webových stránok pomocou HTML. Poďme si to podrobne analyzovať.

    • - toto je kód, ktorý prehliadaču hovorí, čo používame Najnovšia verzia HTML-HTML5
    • - vo vnútri tejto značky sú všetky značky, ktoré sú zodpovedné za funkčnosť stránky. Tu zahŕňame súbory tretích strán, skripty, špecifikujeme kódovanie a oveľa viac.
    • body - vo vnútri tohto tagu sú tagy, ktoré sa budú zobrazovať a ktorých prácu môžeme vizuálne preskúmať.

    Pokúsme sa vizuálne zobraziť prácu kódu, zobraziť text:

    Moja prvá stránka

    Toto je moja prvá stránka!

    Ako by ste mohli nahradiť každý z týchto tagov záverečným tagom, o čom sme hovorili skôr. Celá štruktúra HTML kódu pripomína „matriošku“. Jedna značka je vnorená do druhej.

    Tento systém má osobitnú hierarchiu. V tomto systéme sa značky delia na značky súrodencov, rodičov a predkov. Všetko je tu relatívne, každá značka bude mať svojich predkov, rodičov a bratov.

    rodič pomenujte značku, ktorá obsahuje predmetnú značku.

    Predkovia sa nazývajú značky, ktoré sa nachádzajú vo vnútri príslušnej značky.

    bratský pomenujte značky, ktoré sú na rovnakej úrovni ako príslušná značka.

    Tento vzťah je ľahko pochopiteľný na tomto príklade:

    <článok> <h1> Slávne futbalové citáty</h1> <p> Pane<silný> Alex Ferguson</silný> raz povedal o Filippo Inzaghi:<q>Tento chlap sa mal narodiť v ofsajde</ q> . </str> <p> Keď kritizoval John Carew,<silný> Zlatan Ibrahimovič</silný> odpovedal:<q> Čo Carew robí s loptou, ja dokážem s pomarančom.</ q> </str> <p> <silný> George Best</silný> povedal:<q> Veľa peňazí som minul na chlast, dievčatá a rýchle autá. Zvyšok som len tak premrhal</ q> , - na otázku o jeho životnom štýle.</str> </ článok>

    V tejto štruktúre:

    • je predok pre akýkoľvek iný prvok;
    • je rodič pre

      a tri<р> ;

    • a tri<р>sú bratský jeden pre druhého;

    • každý<р>je rodič pre a ktoré obsahujú;
    • každý

      ,

      , a - to je všetko potomkov

      .

    Analógia rodokmeňa platí aj pri prechode viacerými vrstvami vnorenia v HTML:

    • potomok prvok X je ľubovoľný prvok vnútri X;
    • dieťa- je to jednoduché rovno potomok;
    • predok prvok Y je akýkoľvek prvok;
    • rodič- toto je len prvé rovno predok.

    Tu je to, čo sme sa naučili z tejto lekcie

    1. Dozvedeli sme sa, že HTML má značky, ktoré ukladajú informácie a zobrazujú ich na stránkach lokality. Každý tag má špecifický význam.
    2. Že súbory s rozlíšením .html sa používajú na prácu s HTML. Aby ste mohli pracovať s HTML, musíte vytvoriť nový dokument, napísať doň kód a uložiť ho vo formáte .html.
    3. Skutočnosť, že HTML má špeciálnu hierarchiu. Značky sa delia na súrodenecké, rodičovské a predkové. Všetko je tu relatívne, každá značka bude mať svojich predkov, rodičov a bratov.

    HTML tagy je základom jazyka HTML. Značky sa používajú na vymedzenie začiatku a konca prvkov v značke.

    Každý HTML dokument pozostáva zo stromu HTML prvkov a textu. Každý prvok HTML je identifikovaný počiatočnou (otváracou) a koncovou (zatváracou) značkou. Začiatočné a koncové značky obsahujú názov značky.

    Všetky prvky HTML sú rozdelené do piatich typov:

    • prázdne prvky — , ,
      , , ,
      , , , , , , , , , ;
    • prvky obyčajného textu — - značky môžu obsahovať kód JavaScript alebo odkazovať na externý súbor .js

      AT telo HTML dokumentu zvyčajne obsahuje hlavné informácie, ktoré vidíme na stránke, môžu tam byť nasledujúce značky:

      - názov článku, prvá úroveň,
      - obraz,
      - odsek,
      - odkaz,
      - stôl,
      - formulár na zadanie údajov,
      atď.

      Pravidlá pre písanie HTML kódu

      Pozrime sa na niektoré pravidlá písania HTML kódu. Tieto pravidlá sú potrebné, aby bolo neskôr vhodné pochopiť vlastný kód.

      • Značky bloku, ktoré sa nachádzajú vo vnútri iných značiek, by mali byť umiestnené o jeden riadok nižšie a o jednu medzeru (podľa potreby tabulátor) napravo od značky, v ktorej sú umiestnené. Napríklad nadpis h1 a odsek p sú umiestnené týmto spôsobom vzhľadom na značku body v osnove dokumentu HTML na začiatku tohto článku.
      • Uzatváracie a otváracie značky toho istého prvku môžu byť buď na rovnakej úrovni, ako napríklad značky , alebo sa koncová značka môže objaviť na konci textu, ako sú koncové značky prvkov title , h1 a p.
      • Prvky, ktoré sú si navzájom ekvivalentné, môžu byť tiež umiestnené na rovnakej úrovni, v schéme dokumentu HTML, ktorá sa nachádza vyššie, hlava a telo , h1 a p sú navzájom ekvivalentné.
      • V skutočnosti je možné všetok kód HTML napísať na jeden riadok a prehliadač bude stále správne zobrazovať stránku HTML. Pravidlá syntaxe jazyka HTML, kde sa značky musia písať pod sebou a naľavo, existujú len preto, aby v budúcnosti bolo pre správcu webu pohodlnejšie vytvárať a upravovať kód stránky HTML.

      Tu je niekoľko ďalších bodov, ktoré je potrebné zvážiť pri vytváraní kódu:

      1. Bez ohľadu na to, koľko miest vložíte textový editor , prehliadač ich zobrazí ako jeden priestor.
      2. Prehliadač nerozpozná zlomy riadkov a tabulátory v textovom editore.
      3. Ak potrebujete zlomiť riadok, ktorý by mal byť viditeľný na stránke HTML, použite značku
        .
      4. Ak potrebujete tabulátor (napríklad na vytvorenie „červenej“ čiary), ktorá musí byť viditeľná na stránke HTML, použite buď niekoľko špeciálnych znakov s nezalomiteľnou medzerou, alebo vlastnosť CSS zarážka textu.