. Valorile de clasă și id trebuie să conțină numai litere, cifre, cratime și litere de subliniere și trebuie să înceapă numai cu litere sau cifre.

Browserul vizualizează (interpretează) un document HTML, construindu-i structura (DOM) și afișându-l în conformitate cu instrucțiunile incluse în acest fișier (fișe de stil, scripturi). Dacă marcajul este corect, atunci fereastra browserului va afișa o pagină HTML care conține elemente HTML - titluri, tabele, imagini și așa mai departe.

Procesul de interpretare (analizare)începe înainte ca pagina web să fie complet încărcată în browser. Browserele procesează secvențial documentele HTML de la bun început, în timp ce procesează CSS și leagă foile de stil cu elementele paginii.

Un document HTML este format din două secțiuni - titlul - între etichete … și conținut – între etichete … .

Structura paginii web

1. Structura documentului HTML

Limbajul HTML urmează regulile conținute în fișierul de declarare a tipului de document. (Definiția tipului de document sau DTD). Un DTD este un document XML care definește ce etichete, atribute și valorile acestora sunt valabile pentru un anumit tip HTML. Fiecare versiune de HTML are propriul DTD.

DOCTYPE responsabil pentru afișarea corectă a paginii web de către browser. DOCTYPE definește nu numai versiunea HTML (de exemplu, html), ci și fișierul DTD corespunzător de pe web.

Elemente dintr-o etichetă , formează un arbore de documente, așa-numitul model obiect document, DOM (model obiect document). În același timp, elementul este elementul rădăcină.

Orez. 1. Cea mai simplă structură a unei pagini web

Pentru a înțelege interacțiunea elementelor unei pagini web, este necesar să luăm în considerare așa-numitele "relatii de familie"între elemente. Relațiile dintre mai multe elemente imbricate sunt clasificate în relații cu părinți, copii și frați.

Strămoş Un element care conține alte elemente. În figura 1, strămoșul pentru toate elementele este . În același timp, elementul este strămoșul tuturor etichetelor pe care le conține:

,

, ,

<НЗ>Titlul 3 <Н4>Titlul 4 <Н5>Titlul 5 <Н6>Titlul 6 <НR>Aici se află primul link<а name ="list2"> <НR> <р>Ar trebui să fie situat aici
textul principal al paginii web.
Și eu, de exemplu, voi introduce aici
mai multe transferuri,
ca tu să poți
observa vizual,
cum functioneaza pentru tine
link-uri din document
dar dacă aveți o rezoluție mare,
Pur și simplu nu vei observa tranziția pe link-uri
<НR> <а name="list1"

Mergi la<а href ="#list">Începutul documentului

Pentru a înțelege structura unei pagini Web, este necesar să luați în considerare toate elementele acesteia care sunt incluse în codul de mai sus.

< html>

Desemnarea documentului în HTML. Unul dintre principiile limbajului este imbricarea pe mai multe niveluri a elementelor. Acest element este cea mai exterioară, deoarece întreaga pagină Web trebuie să fie între etichetele de început și de sfârșit. Conform ideii, acest element poate fi considerat ca o formalitate. Are atribute version, lang și dir, care sunt rareori utilizate în acest caz, și permite imbricarea HEAD, BODY FRAMESET și a altor elemente care definesc structura generală a paginii Web. Desigur, eticheta finală toate astfel de documente sunt reziliate.

< cap>

Zona antetului paginii Web. Cu alte cuvinte, prima sa parte. La fel ca și elementul anterior, HEAD servește doar la formarea structurii generale a documentului. Acest element poate avea atribute lang și dir.

< titlu>

Un element pentru a plasa titlul paginii Web. Linia de text situată în interiorul acestui element este afișată nu în document, ci în bara de titlu a ferestrei browserului. Acest element afectează foarte mult promovarea în motorul de căutare. motoarele de căutare acordă o atenție deosebită etichetei TITLE. Sfatul meu: nu scrieți niciodată un text foarte lung în această etichetă ( 65 de caractere sunt suficiente).

<МЕТА>

Acest element conține informatii de serviciu, care nu este afișat la vizualizarea paginii Web. În interiorul acestuia nu există text în sensul obișnuit, deci nu există etichetă finală. Fiecare element META conține două atribute principale, dintre care primul definește tipul de date și al doilea definește conținutul.

< corp>

Acest element conține hipertext care definește pagina web reală. Aceasta este partea vizibilă a documentului pe care pagina o dezvoltă automat și care este afișată de browser. În consecință, eticheta finală a acestui element ar trebui căutată la sfârșitul paginii Web. În interiorul elementului BODY, puteți folosi toate elementele pentru proiectarea unei pagini Web. În interiorul etichetei de început a elementului BODY, puteți plasa multe atribute care servesc la setarea întregii pagini. Să le considerăm în ordine.

Unul dintre cele mai utile atribute ale acestei etichete, care are un impact asupra designului paginii, este

background="calea către fișierul de fundal"

Un design de fundal mai simplu se reduce la setarea culorii acestuia

bgcolor="#FFFFFF"

Culoarea de fundal este specificată de trei numere hexazecimale din două cifre care definesc intensitatea roșu, verde și albastru (rbg).

Deoarece puteți schimba fundalul paginii, puteți schimba și culoarea textului. Aceasta are următorul atribut

text="#RRGGBB"

Următorul atribut este utilizat pentru a seta culoarea textului hyperlinkurilor.

link="#RRGGBB"

De asemenea, puteți specifica o schimbare de culoare pentru ultimul hyperlink selectat de utilizator

<Н1>

Element antet. Există șase niveluri de titluri, care sunt desemnate după cum urmează.
<Н1>antet
<Н2>antet
<Н3>antet
<Н4>antet
<Н5>antet
<Н6>antet

Antetul de nivel 1 este cel mai mare, iar nivelul 6 oferă cel mai mic antet. Pentru titluri, puteți utiliza un atribut care setează alinierea la stânga, la centru sau la dreapta:

align="left" align="center" align="dreapta"

Eticheta este folosită pentru a crea un paragraf nou.

Și pentru a trece la o nouă linie fără a crea un paragraf - etichetă
adică există un transfer. Aceste etichete nu trebuie să fie închise. Desigur, dacă nu utilizați în etichetă

Elementul ALIGN, care poate seta alinierea paragrafului:

Stânga

Centrat

Dreapta

Textul dintre aceste elemente este justificat.

<НR>

Linie orizontală ( regulă orizontală) este un element foarte comun. În primul rând, pentru că, cu ajutorul său, este foarte ușor și convenabil să împărțiți pagina în părți. În al doilea rând, pentru că autorul paginii are foarte puțină alegere pentru astfel de elemente de design. Elementul nu are o etichetă de final, dar are o serie de atribute pentru a alinia stânga, centru, dreapta, justificat:

• align="left"
• align="center"
• align="dreapta"
• align="justify"

Un document HTML poate fi foarte greoi și nu foarte convenabil pentru utilizatorul care trebuie să navigheze rapid la secțiunea dorită a documentului. Pentru a face acest lucru, puteți utiliza mecanismul de hyperlinkuri. Pentru a face acest lucru, plasați etichetele corespunzătoare în locurile potrivite din text.

<а name=»метка»>Text liber

În acest caz, această linie a documentului primește un nume și, prin urmare, o altă parte a documentului, sau chiar un alt document, poate fi hyperlink la acea etichetă.

Pentru a insera imagini ( Poze) într-un document HTML, se utilizează următoarea etichetă ( depus Descriere completa atributele acestei etichete):

Liste

(listă) au fost dezvoltate în HTML, influențate fără îndoială de succesul editorilor de text. Lista diferă de textul simplu, în primul rând, prin aceea că utilizatorul nu trebuie să se gândească la numerotarea articolelor sale: HTML se ocupă de această sarcină. Dacă lista este completată cu articole noi sau scurtată, numerotarea continuă automat. În cazul listelor neordonate, HTML prefixează fiecare articol cu ​​cercuri, dreptunghiuri, romburi și alte imagini. În cele din urmă, lista ia o formă decentă. Există două grupuri de astfel de etichete: unul definește aspectul general al listei ( și vă permit să specificați atribute), în timp ce altele definesc structura sa internă. Listele pot folosi atribute standard. Există mai multe tipuri de liste.

Cea mai comună este o listă neordonată ( lista neordonata). Este prezentat mai jos:

• Punctul 1 al listei
• Punctul 2 din listă
• Punctul 3 din listă

Elementul ul este un fel de selecție a listei. Vă permite să separați o listă de alta. Elementul li reprezintă fiecare dintre elemente.

Mese

Sunt unul dintre cele mai necesare mijloace de formatare a datelor pe o pagină Web. Principala comoditate este că browserul preia desenul întregului tabel. Dimensiunea cadrului poate fi ajustată automat la dimensiunea ferestrei de vizualizare a browserului și, desigur, la dimensiunea liniilor de text și a cifrelor din celulele tabelului. Printre altele, tabelele vă permit să rezolvați multe sarcini de proiectare: aliniați părți ale paginii una față de alta, plasați imaginile și textul una lângă alta, controlați schema de culori și așa mai departe. La crearea tabelelor se aplică principiul de imbricare: în interiorul elementului principal al tabelului (TABLE), se creează un număr de elemente care definesc rânduri (TR), iar în interiorul acestor elemente există elemente pentru a descrie fiecare celulă din rând (TD). , TH).

Pentru a înțelege structura unui tabel existent sau pentru a dezvolta un nou tabel, există o regulă conform căreia succesiunea de elemente descrie tabelul de sus în jos și de la dreapta la stânga. De exemplu, dacă un element TR este specificat după elementul TABLE, aceasta indică faptul că începe descrierea unui nou rând de tabel. Totul după acest element va fi plasat pe o singură linie (de la dreapta la stânga). Poate fi o succesiune de elemente TD ( celule), altă masă și așa mai departe. După ce apare un nou element TR, va începe descrierea liniei următoare și așa mai departe până la sfârșitul tabelului (etichetă).
Un tabel poate fi aliniat orizontal folosind atributul align:

• align="left" - la stânga;
• align="center" - centrat;
• align="right" - la dreapta.

Lățimea tabelului poate fi setată exact în pixeli sau ca procent din lățimea paginii în fereastra browserului. De exemplu: lățime=400 sau lățime=50%

Două atribute sunt utilizate pentru a controla aspectul cadrului. Faptul este că browserul creează o imagine a cadrului, simulând tridimensionalitatea acestuia ( convex) folosind diferența de iluminare a fețelor

Scenarii

Aproape toți webmasterii își doresc ca paginile lor de pe site să aibă un aspect modern, să fie multifuncționale, frumoase și dinamice. Acest lucru nu este posibil cu instrumentele HTML standard, așa că sunt folosite instrumente diferite: applet-uri, obiecte, foi de stil în cascadă și așa mai departe. Dar cel mai popular și răspândit tip ( recepţie) este utilizarea scripturilor.

Un script este un cod de program care este inclus în textul unei pagini sub formă de cod sursă și este executat de browser atunci când pagina este vizualizată. Scriptul poate fi scris în limbajul JavaScript Netscape sau în Visual Basic Script ( VBScript) dezvoltat de Microsoft.

Această etichetă vă permite să separați textul programului script de alte informații de pe pagină. Eticheta SCRIPT trebuie să includă atributul de limbă, care definește limba și poate lua următoarele valori:

• javascript - cod JavaScript;
• vbscript - cod VBScript.

Atributul type poate indica și un tip de limbă, deși utilizarea acestuia este opțională. Pentru a nu încălca toate regulile, puteți pune următoarea definiție în interiorul elementului:

tip="text/javascript"

Una dintre cele mai interesante caracteristici ale scripturilor este capacitatea de a schimba conținutul unei pagini ca urmare a execuției programului. Dar aceasta este doar o caracteristică, nu o regulă. Atributul defer (care nu are nicio valoare) poate fi folosit pentru a „a spune” browserului că nu vor fi făcute astfel de modificări. În unele cazuri, acest lucru vă permite să accelerați încărcarea paginii.

Dintre atributele standard, puteți utiliza atributul set de caractere.

Etichetă script ( sau o serie de astfel de elemente) poate fi plasat fie în interiorul unui element HEAD, fie în interiorul unui element BODY. Dacă scriptul se află în interiorul elementului BODY, este de asemenea posibil ca un browser care nu acceptă elementul SCRIPT să perceapă codul programului ca text simplu și să îl afișeze pe ecran. Pentru a preveni acest lucru, codul de script este introdus ca comentariu:

—
—
—

Toate browserele moderne recunosc acest truc și ignoră caracterele de comentariu. Dacă trebuie să introduceți un comentariu în textul scriptului, atunci se folosește o notație diferită pentru aceasta: două bare oblice // sunt introduse la începutul liniei.
Cod program scriptul este executat în momentul încărcării paginii, adică în timp ce conținutul este încă vizibil pe ecran. Mai jos este un exemplu de script simplu ( afișarea unui mesaj într-o fereastră).

—
—
—
—
—
—
—
—

Aceasta este o pagină simplă, dar include un script de o linie. Metoda de alertă afișează un mesaj înainte de încărcare. Și se va bloca până când utilizatorul face clic pe butonul OK, descărcarea va continua.
Poate exista un caz, de exemplu, pagina va fi vizualizată într-un browser care nu acceptă scripting, pentru aceasta este furnizat elementul NOSCRIPT. Telespectatorii moderni ignoră conținutul acestuia. Acest element poate fi folosit în mai multe moduri. Pentru început, puteți afișa un anunț ca acesta în interiorul acestuia: Browserul dumneavoastră nu poate executa scriptul necesar pentru a vizualiza această pagină web!» În al doilea rând, în interiorul elementului, puteți dezvolta o versiune simplificată a paginii, fără scripturi. În al treilea rând, puteți crea un link către un alt document HTML. Elementul NOSCRIPT trebuie să aibă o etichetă de final.

Aici suntem alături de dumneavoastră și am examinat elementele de bază ale unui astfel de limbaj de programare WEB precum HTML. Chiar și după ce ați citit acest scurt articol, aveți deja o idee și chiar și capacitatea de a programa în acest limbaj. Mult noroc!

html ( H yper t ext M arkup L limbaj) este codul care este folosit pentru a structura o pagină web și conținutul acesteia. De exemplu, conținutul ar putea fi structurat într-un set de paragrafe, o listă de puncte cu marcatori sau folosind imagini și tabele de date. După cum sugerează și titlul, acest articol vă va oferi o înțelegere de bază a HTML și a funcțiilor acestuia.

Deci, ce este HTML?

HTML nu este un limbaj de programare; este un limbaj de marcare care definește structura conținutului dvs. HTML constă dintr-o serie de elemente, pe care îl folosiți pentru a include sau a încheia diferite părți ale conținutului pentru a face să apară într-un anumit fel sau să acționeze într-un anumit fel. Anexarea pentru paragraf. Rețineți că numele etichetei de sfârșit este precedat de un caracter slash> și că în elementele goale eticheta de sfârșit nu este nici necesară, nici permisă. Dacă atributele nu sunt menționate, valorile implicite sunt folosite în fiecare caz.">etichetele pot face un hyperlink unui cuvânt sau o imagine către altundeva, pot pune cuvinte în cursive, pot face fontul mai mare sau mai mic și așa mai departe. De exemplu, luați următoarea linie de conținut:

Pisica mea este foarte morocănosă

Dacă am dori ca linia să stea de la sine, am putea specifica că este un paragraf prin includerea lui în etichete de paragraf:

Pisica mea este foarte morocănosă

Anatomia unui element HTML

Să explorăm puțin mai departe acest element de paragraf.

Principalele părți ale elementului nostru sunt următoarele:

1. Eticheta de deschidere: Acesta constă din numele elementului (în acest caz, p), învelit în deschidere și închidere paranteze unghiulare. Aceasta afirmă unde începe sau începe să intre în vigoare elementul - în acest caz, unde începe paragraful.
2. Eticheta de închidere: Aceasta este aceeași cu eticheta de deschidere, cu excepția faptului că include a slash înainteînainte de numele elementului. Aceasta afirmă unde se termină elementul - în acest caz unde se termină paragraful. Eșecul în adăugarea unei etichete de închidere este una dintre erorile standard pentru începători și poate duce la rezultate ciudate.
3. Continutul: Acesta este conținutul elementului, care în acest caz este doar text.
4. element: Eticheta de deschidere, eticheta de închidere și conținutul împreună cuprind elementul.

Elementele pot avea, de asemenea, atribute care arată astfel:

Atributele conțin informații suplimentare despre elementul pe care nu doriți să apară în conținutul real. Aici, clasa este atributul Nume iar editor-notă este atributul valoare. Atributul de clasă vă permite să dați elementului un identificator care poate fi folosit ulterior pentru a viza elementul cu informații despre stil și alte lucruri.

Un atribut trebuie să aibă întotdeauna următoarele:

1. Un spațiu între acesta și numele elementului (sau atributul anterior, dacă elementul are deja unul sau mai multe atribute).
2. Numele atributului urmat de un semn egal.
3. Valoarea atributului înfășurată prin ghilimele de deschidere și de închidere.

Notă: valori ale atributelor simple care nu conțin spații albe ASCII (sau oricare dintre caracterele " " ` =< >) poate rămâne necotat, dar este recomandat să citați toate valorile atributelor, deoarece face codul mai consistent și mai ușor de înțeles.

elemente de cuibărit

Puteți pune elemente și în interiorul altor elemente - acest lucru se numește cuibărit. Dacă am fi vrut să afirmăm că pisica noastră este foarte morocănos, am putea îngloba cuvântul „foarte” într-un ) indică faptul că conținutul său are o importanță, seriozitate sau urgență puternică. Browserele redau de obicei conținutul cu caractere aldine."> element, ceea ce înseamnă că cuvântul trebuie subliniat puternic:

Pisica mea este foarte morocănos.

Cu toate acestea, trebuie să vă asigurați că elementele dvs. sunt imbricate corect. În exemplul de mai sus, am deschis elementul reprezintă un paragraf.">

mai întâi elementul, apoi ) indică faptul că conținutul său are o importanță puternică, seriozitate sau urgență. Browserele redau de obicei conținutul cu caractere aldine."> element; prin urmare, trebuie să închidem ) indică faptul că conținutul său are o importanță puternică, seriozitate sau urgență. Browserele redau de obicei conținutul cu caractere aldine."> mai întâi elementul, apoi elementul reprezintă un paragraf.">

element. Următoarele sunt incorecte:

Pisica mea este foarte morocănos.

Elementele trebuie să se deschidă și să se închidă corect, astfel încât să fie clar unul în interiorul sau în exteriorul celuilalt. Dacă se suprapun așa cum se arată mai sus, atunci browserul dvs. web va încerca să ghicească cea mai bună a ceea ce încercați să spuneți, ceea ce poate duce la rezultate neașteptate. Deci nu o face!

elemente goale

Unele elemente nu au conținut și sunt numite elemente goale. Ia elementul încorporează o imagine în document."> element pe care îl avem deja în pagina noastră HTML:

Acesta conține două atribute, dar nu există închidere etichetă și fără conținut interior. Acest lucru se datorează faptului că un element de imagine nu împachetează conținutul pentru a-l afecta. Scopul său este de a încorpora o imagine în pagina HTML în locul în care apare.

Anatomia unui document HTML

Aceasta cuprinde elementele de bază ale elementelor HTML individuale, dar acestea nu sunt la îndemână singure. Acum ne vom uita la modul în care elementele individuale sunt combinate pentru a forma o întreagă pagină HTML. Să revedem codul pe care l-am introdus în exemplul nostru index.html (pe care l-am întâlnit prima dată în articolul Tratarea fișierelor):

Aici, avem următoarele:

• - doctype. Este necesar un preambul. În negura vremurilor, când HTML era tânăr (în jurul anilor 1991/92), doctypes erau menite să acționeze ca legături către un set de reguli pe care pagina HTML trebuia să le respecte pentru a fi considerată HTML bun, ceea ce putea însemna verificarea automată a erorilor și alte lucruri folositoare. Cu toate acestea, în zilele noastre, ele nu fac mare lucru și, practic, sunt necesare doar pentru a vă asigura că documentul dvs. se comportă corect. Asta este tot ce trebuie să știți pentru moment.
• - elementul reprezintă rădăcina (elementul de nivel superior) a unui document HTML, deci este denumit și element rădăcină. Toate celelalte elemente trebuie să fie descendente ale acestui element."> element. Acest element include tot conținutul de pe întreaga pagină și este uneori cunoscut ca element rădăcină.
• - elementul conține informații (metadate) care pot fi citite de mașină despre document, cum ar fi titlul, scripturile și foile de stil."> element. Acest element acționează ca un container pentru toate lucrurile pe care doriți să le includeți pe pagina HTML nu este conținutul pe care îl afișați pentru vizitatorii paginii dvs. Aceasta include lucruri precum cuvinte cheie și o descriere a paginii pe care doriți să apară în rezultatele căutării, CSS pentru a stila conținutul nostru, declarații de seturi de caractere și multe altele.
• - Acest element setează setul de caractere pe care documentul trebuie să îl folosească la UTF-8, care include majoritatea caracterelor din marea majoritate a limbilor scrise. În esență, acum poate gestiona orice conținut textual pe care l-ați putea pune pe el. Nu există niciun motiv pentru a nu seta acest lucru și poate ajuta la evitarea unor probleme mai târziu.
• - ) definește documentele care sunt afișate într-o bară de browser sau filă de pagină.> , unde conținutul este în loc de puncte. Primul arată unde începe eticheta, iar al doilea o închide. Pot exista și alte elemente de marcare a paginii în interior, acestea pot fi imbricate unul în celălalt ca o păpușă de cuib. Este important să închideți etichetele în timp util, astfel încât pagina să fie afișată corect.

  Există, de asemenea, etichete unice care nu trebuie să fie închise. În ele, conținutul este în interior, așa cum poate fi scris pentru majoritatea etichetelor HTML și setează proprietățile elementului. Este indicat în eticheta de deschidere și arată cam așa: atribut = "...", unde în loc de puncte există o valoare de atribut. Cunoașterea etichetelor este primul și cel mai important pas în stăpânirea HTML-ului. Elementele de bază ale acestei arte implică și înțelegerea structurii unei pagini web.

  Structura documentului

  Fiecare document HTML are o extensie corespunzătoare, cum ar fi Index.html. Astfel, browserul poate înțelege cu ce are de-a face și poate afișa pagina corect. Este recomandabil să stocați toate fișierele folosite pentru a crea site-ul într-un singur director, ceea ce vă va facilita foarte mult viața în viitor. Elementele de bază ale limbajului de marcare hipertext HTML necesită o înțelegere clară a structurii unui document. Începe cu eticheta, care spune browserului versiunea de HTML care este utilizată în acest document. Pe acest moment a cincea versiune a limbii este relevantă, deci nu este nevoie să inventați nimic aici, puteți introduce în siguranță eticheta de mai sus la începutul oricărei pagini.

  

  Apoi vin principalele structuri pereche care alcătuiesc „scheletul” sitului. Prima etichetă în care toate celelalte sunt imbricate − .... Orice lucru din afara acestuia nu este recunoscut ca pagină web de către browser, așa că deschide documentul și îl închide. Această etichetă este necesară pentru orice document. Conține, de asemenea, câteva etichete obligatorii, care vor fi discutate mai jos.

  cap

  În interiorul etichetei ... conține informații tehnice care nu vor fi afișate pe pagină, dar reprezintă totuși o parte importantă a documentului HTML. În acest loc sunt puse bazele site-ului, aici se selectează codificarea și se introduce numele paginii. Este conținut într-o etichetă obligatorie . Numele este afișat în partea de sus a browserului, unde puteți plasa și o mică pictogramă care caracterizează conținutul paginii. Este recomandabil să specificați imediat codificarea documentului pentru afișarea corectă a acestuia. Acest lucru se poate face cu eticheta . Metaetichetele oferă informații despre structura paginii și sunt de obicei situate în interiorul capului.

  Legătură

  Cunoașterea elementelor de bază ale HTML implică și utilizarea stilurilor în cascadă sau css. Acestea stabilesc proprietățile elementelor care vor fi afișate pe pagină. Abordarea modernă a acestei sarcini presupune introducerea unor caracteristici precum culoarea, înălțimea și locația elementului, în fișier extern pentru mai multă comoditate. Eticheta este folosită pentru a conecta fișierul CSS . Când este terminat, arată astfel: , unde href indică locația fișierului și tipul indică tipul acestuia.

  

  Corp

  În această parte a documentului HTML este creată partea vizibilă a paginii. Tot ceea ce se face în interiorul „corpului” va fi afișat de browser. LA sunt folosite un număr mare de etichete HTML. Elementele de bază sunt formatarea textului, lucrul cu link-uri și cele mai simple instrumente pentru structurarea unei pagini web. Pentru a începe în HTML, este suficient să cunoașteți etichetele de bază și să le puteți utiliza. Mai jos sunt cele mai populare:

  • - folosit pentru a selecta un subșir care va fi supus unui stil special descris în css;
  • - creează un link pe o pagină web; adresa de salt este setată de atributul href;
  • - una dintre cele mai populare etichete ale timpului nostru; toți cei care decid să învețe elementele de bază ale limbajului HTMLl ar trebui să îi acorde o atenție deosebită, deoarece acesta este un element bloc, pe baza căruia se realizează cea mai mare parte a site-urilor moderne (parametri pentru blocuri

    sunt setate în css, iar alte blocuri pot fi plasate în interiorul acestei etichete);

  • Selectează un paragraf din text; conținutul paragrafului se află între etichetele de deschidere și de închidere;

  • - listă numerotată, ale cărei elemente sunt incluse într-o etichetă pereche
    1. - o listă cu marcatori, în care, ca într-o listă numerotată, elementele sunt indicate printr-o etichetă

       • -

         - titlurile documentelor (numărul indică nivelul titlului, adică

         - titlul principal și opțiunile ulterioare sunt subtitlurile sale, de altfel, titlurile de nivel

         ,

         aproape imposibil de găsit pe Internet), este, de asemenea, important de reținut că nu poate exista decât un singur titlu pe pagină

         ;

       • - miniatură;
       • - cursive;
       • - inserarea unei imagini pe o pagină web (aceasta este o singură etichetă, nu are nevoie de etichetă de închidere, dar trebuie să conțină atributul alt, care specifică textul pentru imagine);

       Acestea nu sunt toate etichetele de care aveți nevoie pentru a vă crea propria pagină web, dar sunt suficiente pentru a pune bazele HTML pentru începători.

       css

       Dezvoltarea limbajului HTML a dus la faptul că fiecare etichetă a dobândit o masă de atribute, iar cerințele pentru apariția paginilor web au crescut semnificativ. Codul a devenit greoi și incomod, a fost greu de citit, darămite de a-l adapta sau schimba. În plus, dacă ai zece pagini pe site-ul tău care au o mulțime de titluri marcate cu verde și vrei dintr-o dată să le faci roșii, atunci trebuie să te străduiești să le schimbi manual pe fiecare. Odată cu apariția foilor de stil în cascadă, acest proces a devenit simplu și logic, iar codul HTML a devenit mult mai ușor de citit.

       

       Aplicarea CSS

       Pentru a crea pagini web, trebuie să cunoașteți elementele de bază ale HTML și CSS, deoarece astăzi nu există nimic de făcut în acest domeniu fără cunoștințe despre foile de stil în cascadă. Acestea stabilesc atribute pentru orice element care se aplică întregului document. Astfel, puteți seta culoarea pentru toate elementele simultan

       Sau scriind o singură regulă. Având în vedere cerințele moderne pentru apariția paginilor web, utilizarea foilor de stil în cascadă este obligatorie.

       Pentru a lega un fișier CSS la un document, există o etichetă de legătură. Principiul utilizării sale a fost descris puțin mai sus, dar nu este singura opțiune pentru combinarea tuturor stilurilor într-un singur loc. Există o altă etichetă