Hai să vorbim despre html

Înainte de a începe să învățăm despre CSS, să ne amintim ce înseamnă într-adevăr un limbaj HTML pentru HTML pentru HTML și cum o vom folosi în viitor.







Cum a fost folosit HTML înainte de apariția CSS

Scopul principal al HTML (HyperText Markup Language - English.) - Structurarea informațiilor pe paginile web. Inițial, această limbă a fost inventată tocmai pentru aceste scopuri. Dar, pe măsură ce popularitatea internetului a început să crească, la fel și dorința utilizatorilor de a-și diversifica și a decora site-urile.

Designerii de web au început să caute modalități de a transmite informații în mod frumos. Unele etichete HTML nu au fost utilizate în scopul propus, de exemplu,

. Metoda de a face documente web folosind această etichetă a devenit atât de populară încât a obținut chiar și un nume separat - tabelul. Anterior, folosind această metodă, ați putea plasa cu precizie elementele de pe pagină.

Cu aspectul tabelului, designul paginii web a fost creat direct în interiorul documentului HTML. Au fost folosite și alte etichete pentru styling și formatare. Ce probleme a dus la asta? În primul rând, codul HTML a devenit incredibil de mare, ceea ce a afectat atât greutatea documentului, cât și indexarea acestuia de către roboții de căutare. În al doilea rând, pentru a schimba, de exemplu, culoarea anteturilor h1 de pe fiecare pagină a site-ului, trebuia să lucrăm manual pe fiecare dintre ele. Toate acestea au făcut mult timp și efort.

Ce este HTML acum?

Astăzi, datorită existenței CSS, este posibilă separarea designului de pagină de conținutul său, precum și accelerarea procesului de lucru și uneori diminuarea dimensiunii documentului HTML. Pentru cei care au creat site-uri web pentru o lungă perioadă de timp, este necesar să scape de obiceiurile vechi și să învețe să percepem HTML doar ca un limbaj de markup destinat structurării și ordonării datelor. Începătorii vor fi mai ușor de învățat noi principii de creare a paginilor web în legătură cu lipsa de vizualizări pe HTML ca un instrument pentru a oferi paginilor un aspect atractiv. Pentru aceasta răspunde acum CSS.

Iată câteva etichete HTML pe care le poți (și ai nevoie) să le înlocui în siguranță cu stilurile CSS:

  • "Decorarea", alinierea atributelor la etichete (culoare .bgcolor.align, etc.);
  • etichetă
(când se utilizează o pagină web pentru aspect);
  • etichetă .
  • Etichete HTML pentru structurare

    Pentru a structura paginile, utilizați următoarele etichete:

    H1-H6 (titlu) Etichetele h1-h6 sunt pentru anteturi. Utilizarea acestor etichete este foarte convenabilă pentru a separa textul. Pentru o înțelegere mai bună, imaginați-vă o carte în care există capitole și subcapitole. Titlul cărții este h1. subcapitolul - h2. părți ale subcategoriilor - h3, etc. Este mai bine să aranjați etichetele antetului în ordine. P (paragraf) Tag

    este folosit pentru a desemna paragrafe de text. OL, UL (listă ordonată, listă neordonată)

      .
        - un instrument convenabil pentru listele de marcare (linkuri de navigare, paragrafe din text, o listă secvențială etc.). DL (definiție listă) Tag
        în legătură cu etichetele
        .
        utilizat atunci când creați o listă de definiții, unde
        - denumirea definiției (termenul de definiție),
        Descrierea definiției. DIV (diviziunea) DIV este un element de bloc care poate fi folosit pentru a selecta un fragment dintr-un document, precum și pentru combinarea logică a mai multor elemente. Cu CSS puteți da un bloc
        Tipul și poziția necesare, dar în sine
        nu modifică aspectul documentului. SPAN (span) Tag în rolul său este similar cu
        . dar
        Este un element de bloc, și - cu litere mici. De exemplu, dacă trebuie să schimbați stilul unui cuvânt în interiorul unei etichete

        . veți "împacheta" acest cuvânt în etichetă . adăugați un atribut id sau clasă cu un nume de selector și apoi atribuiți stilul CSS acestuia în CSS. Semnele HTML5 Pentru a structura mai inteligent un document HTML, utilizați etichete noi care vă ajută să descrieți mai bine conținutul. De exemplu, cum puteți deosebi un antet al site-ului, un meniu de navigare și un subsol de la alt conținut, dacă toate acestea sunt indicate prin etichete

        . Ajutorul vine HTML5 tag-uri, cum ar fi
        .
    pentru aspectul documentului.

    Pentru afișarea corectă a unei pagini web de către browsere, trebuie să utilizați elementul în prima linie de cod.

    În capitolul următor, ne vom familiariza cu sintaxa CSS și conexiunea tabelelor cu HTML. și, de asemenea, scrie primul stil.







    Articole similare

    Trimiteți-le prietenilor: