Cel mai bun tutorial pe html

World Wide Web constă din următoarele active fixe:
- HTML (Hypertext Markup Language) - limba de marcare hipertext,
- CGI (Common Gateway Interface) - interfață comună a gateway-ului,
- HTTP (Hypertext Transfer Protocol) - protocolul pentru transferul documentelor hipertext,

Structura documentului HTML

Caractere închise în paranteze unghiulare (<и>) sunt comenzi HTML prin care browserul recunoaște modul de conversie a porțiunilor dintre aceste comenzi. Documentul în ansamblu ar trebui marcat ca un document HTML. Pentru a face acest lucru, trebuie să înceapă cu o comandă și se termină cu o echipă .

Documentul este alcătuit din 2 părți:
- Header (HEAD),
- Documentul actual (BODY).

Pentru a evidenția titlul, introduceți:
Antetul documentului

Fiecare document WWW are un nume care este introdus în bara de titlu a browserului. Pentru a introduce linia de titlu în titlul documentului, utilizați următoarele comenzi:

Antetul documentului

Pentru a scrie textul principal, introduceți:
Textul corpului

Astfel, schița generală a unui document în format HTML este după cum urmează:


Antetul documentului

Textul corpului

Când scrieți comenzi, HTML nu contează cu literele mici sau majuscule pe care le scrieți.

Anteturile din document sunt create folosind următoarele comenzi:
antet
iar la x = 1 titlul este cel mai mare și la x = 6 - cel mai mic. De exemplu,

Listele sunt concepute pentru a prezenta informații într-o formă comandată.
Documentele HTML utilizează 3 tipuri de liste:
- Liste dezordonate,
- Liste ordonate,
- Listele sunt definiții.

O listă neordonată utilizează caractere speciale pentru evidențierea înregistrărilor.
Lista neordonată este definită de următoarele comenzi de început și de sfârșit:


    Fiecare element al listei începe cu comanda:

  • Următorul este un exemplu de listă neordonată:

    Scrierea în HTML

    • Linia 1 a listei
    • Linia 2 a listei
    • Linia 3 a listei


    • Linia 1 a listei
    • Linia 2 a listei
    • Linia 3 a listei

    În lista ordonată, toate intrările sunt numerotate.
    Lista ordonată este definită de următoarele comenzi la începutul și la sfârșitul listei:


      Fiecare element al listei începe cu comanda:

    1. Următorul este un exemplu de listă ordonată:

      Scrierea în HTML

    2. Linia 1 a listei
    3. Linia 2 a listei
    4. Linia 3 a listei


      1. Linia 1 a listei
      2. Linia 2 a listei
      3. Linia 3 a listei

      În lista-definiție, toate înregistrările sunt deplasate spre stânga prin tabulare.
      Lista - definiția este determinată de următoarele comenzi la începutul și la sfârșitul listei:


      Fiecare element al listei începe cu comanda:

      Următorul este un exemplu de listă de definiții:

      Scrierea în HTML

      Linia 1 din lista Linia 2 din lista Linia 3 a listei


      Linia 1 a listei
      Linia 2 a listei
      Linia 3 a listei

      Într-un document HTML, nu puteți crea un paragraf utilizând tasta [Enter].
      Utilizarea acestei chei îmbunătățește aspectul textului sursă, dar nu afectează imaginea rezultată.
      Pentru a merge la următoarea linie, utilizați comanda
      .
      Pentru a crea un șir gol, utilizați comanda

      .
      Pentru a crea o bară orizontală, utilizați comanda


      Dacă linia nu este creată pe întreaga linie, ci pe o parte a acesteia, de exemplu, cu 40%, atunci comanda arată astfel:

      Pentru a crea o bară largă, trebuie să setați lățimea acesteia (implicit - în pixeli)
      .
      Pentru a alinia liniile LEFT / RIGHT / CENTER la atributul corespunzător spate .
      Linia neagră este specificată de prezența atributului NOSHADE.

      Următoarele sunt exemple de șiruri de formatare:

      Scrierea în HTML

      Ultimul rând al paragrafului

      Prima linie a noului paragraf

      Ultimul rând al paragrafului


      Prima linie a noului paragraf

      Prima linie de text
      Al doilea rând de text

      Prima linie de text


      Al doilea rând de text

      Sfârșitul secțiunii Secțiunea următoare

      Sfârșitul secțiunii


      Secțiunea următoare

      Doar 40% din lățime Următoarea secțiune

      Doar 40% din lățime


      Secțiunea următoare

      Grosimea liniei Secțiunea următoare

      Grosimea liniei


      Secțiunea următoare

      Negrul a fost mutat în partea stângă

      Negrul sa mutat spre stânga


      Secțiunea următoare

      Puteți centra textul folosind următoarele comenzi:

      Text liber
      . De exemplu,
      HTML

      Afișați textul în mai multe coloane

      Netscape 3.0 și versiuni ulterioare acceptă ieșirea de text în mai multe coloane, în format ziar cu ajutorul comenzilor .
      Formatul comenzilor este după cum urmează:Se specifică textul coloanei.
      Unde N este numărul de coloane și M este distanța dintre coloane.
      Browserele care nu acceptă ieșirea de text în mai multe coloane vor asigura faptul că textul este afișat în mod normal într-o coloană.

      Pentru a evidenția anumite părți ale textului, puteți utiliza următoarele stiluri:
      - grăsime (Bold),
      - italic (italic),
      - cu subliniere.

      Pentru a utiliza textul cu caractere aldine, utilizați următoarele comenzi: îndrăzneț

      Pentru a extrage textul cu caractere cursive, folosiți comenzile: cursiv

      Pentru a accentua textul, utilizați următoarele comenzi: sublinia

      Următoarele sunt exemple de șiruri de formatare:

      Scrierea în HTML

      Codul de culoare este specificat în codificarea RGB, adică șase cifre hexazecimale.
      Este important să rețineți că culoarea de fundal nu este afișată pe hârtie atunci când este imprimat un document HTML.

      Mai jos sunt codurile celor mai simple culori:
      Alb = FFFFFF,
      Galben = FFFF00,
      Roșu = FF0000,
      Gri = 808080,
      Albastru = 0000FF,
      Verde = 00FF00,
      Negru = 000000,
      Purple = CC33FF,
      Crimson = FF00FF,
      Turcoaz = 008080,
      Albastru închis = 000080,
      Brown = 808.000,
      Albastru = 00FFFF,
      Verde închis = 008000,
      Indigo = 800080,
      Roșu închis = 800.000.

      Pentru a schimba culoarea textului curent, puteți utiliza comenzi în orice loc din pagina de pornire:
      Textul curent

      Definit mai multe culori numite. Valorile lor sunt vizibile din tabel:

      Scrierea în HTML

      Limba HTML reduce întotdeauna numărul de spații consecutive la unul, indiferent de câte decalaje din textul sursă. Pentru a specifica numărul necesar de spații într-un rând, utilizați caracterul spațiu special:
      De exemplu, în următoarea introducere de cod sursă: AnbspnbspnbspB
      În textul afișat între caracterele A și B vor fi 3 spații.
      De exemplu, pentru a crea text

      în textul sursă al acestei pagini este scris: ltCENTERgt.

      Tabelul este creat folosind comenzi

      și
      .echipă pot avea următoarele atribute:
      - UNITĂȚI - pot lua valoarea RELATIVE sau PIXELS. Definește unitățile din alte atribute. În mod implicit, UNITS = PIXELS.
      - BORDER - definește liniile care delimitează celulele din tabel. Lățimea liniei este specificată de comanda BORDER = N.
      - CELLPADDING - Definește intervalul minim în jurul conținutului tabelului.
      - BGCOLOR - Specifică culoarea imaginii de fundal din tabel. În toate tabelele din acest document folosesc BGCOLOR = BLACK.

      Există mai multe comenzi care specifică culoarea cadrului:
      - borderColor,
      - bORDERCOLORDARK,
      - BORDERCOLORLIGHT,
      dar acestea sunt utilizate numai în Internet Explorer.
      Tabelul cel mai simplu constă într-o singură celulă.

      determină începutul și sfârșitul datelor din celulă, respectiv. Strict vorbind, echipa nu este obligatorie, dar sfătuiesc să-l folosesc pentru a facilita citirea codului sursă.

      Exemplu, tabelul este setat în următoarea formă:

      și


      Textul din tabel

      Când se afișează, se arată astfel:

      Textul din tabel

      Șirul de celule este creat prin repetarea comenzilor . exemplu:





      Conținut 1Conținutul 2Conținut 3

      Afișate după cum urmează:

      Articole similare

      Pagina anterioară

      Pagina următoare