Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • Interesant
  • Limbajul HTML pentru începători - de unde să începi și unde să mergi. De unde să începi să înveți html

Limbajul HTML pentru începători - de unde să începi și unde să mergi. De unde să începi să înveți html

24.06.2019 Interesant

Această secțiune a site-ului este dedicată în întregime două limbi pentru crearea unui site, și anume HTML și CSS. Aici puteți învăța limbi străine pas cu pas, puteți învăța totul, de la elementele de bază până la cele mai dificile momente.

Această secțiune este construită pe principiul studiului pas cu pas al materialului, prin urmare, înainte de fiecare titlu al unei lecții despre HTML și CSS, există un număr corespunzător numărului de serie al lecției. Acest lucru este firesc dacă vrei să înveți totul de la elementele de bază și să nu faci mizerie în capul tău. Dacă știți deja ceva despre limbajele HTML și CSS, atunci puteți găsi și aici cunoștințele care vă lipsesc sau să aprofundați ceea ce ați învățat deja.

Această secțiune conține lecții despre standardele de limbaj HTML5 și, respectiv, CSS3, dacă există versiuni mai noi ale acestor limbi, acestea se vor reflecta și în noile lecții din această secțiune și veți afla cu siguranță.



Probabil că fiecare persoană care s-a confruntat cu crearea unui site web cel puțin o dată în viață a auzit cu siguranță despre o astfel de combinație precum html și css, pot spune cu încredere că dacă vrei să faci singur site-uri, atunci nu te poți descurca fără cunoștințele acestora. două dintre lucruri.

Odată ce ai o înțelegere generală a ce este html-ul în capul tău, ai în mod clar o imagine mixtă și cred că acest lucru nu este surprinzător. Este timpul să treceți direct la exersare și să creați primul dvs. document HTML.

Ca și limbajul html, CSS are propriile caracteristici, reguli și structură. În această lecție vă voi spune despre conceptele de bază ale limbajului CSS, structura, structura sa și vom crea prima foaie de stil CSS și vom învăța cum să conectați o foaie de stil la un document HTML.

Selectorii din CSS sunt baza limbajului în sine, iar învățarea și înțelegerea lor este foarte importantă, așa că în această lecție vă voi spune despre mai multe tipuri de selectoare și vă voi descrie capacitățile acestora.

Un punct foarte important în crearea unui site web este lucrul cu text și, după cum înțelegeți, trebuie, de asemenea, să puteți lucra cu text în html și să știți ce etichete există și cum pot fi utilizate.

După ce ați învățat toate etichetele HTML pentru lucrul cu text, acum este timpul să treceți direct la CSS care lucrează cu text, ceea ce vă va extinde semnificativ cunoștințele și capacitățile.

CSS are un număr mare de tot felul de proprietăți convenabile care schimbă calitativ aspectul și continuăm să studiem CSS care lucrează cu text, iar în această lecție, vom aprofunda subiectul lucrului cu text și vom analiza noile proprietăți ale textului.

Lucrul cu imagini atunci când creați de pe un site web este unul dintre punctele cheie, atât atunci când creați un design, cât și atunci când pur și simplu așezați sau scrieți orice materiale pentru site-ul dvs.

CSS extinde semnificativ posibilitățile de lucru cu orice obiect html; în această lecție aș dori să vă spun în detaliu despre parametrii care pot fi aplicați imaginilor.

HTML este limbajul de marcare hipertext care a făcut din Internet ceea ce știm și iubim. Datorită acestui instrument minunat, site-urile arată frumos și modern și asigură, de asemenea, ușurința în utilizare. HTML pur și simplu aranjează elementele unei pagini web într-un format ușor de utilizat. Funcția sa este comparabilă cu ceea ce fac oameni precum MS Word sau OpenOffice. Ele transformă o masă fără caracteristici de litere într-un document care conține paragrafe, text aldine, cursive, tabele și chiar imagini. Limbajul HTML face aproximativ același lucru, singura diferență fiind că documentele sale sunt afișate în browser, iar capacitățile acestui instrument sunt mult mai largi decât cele ale unui editor de text. Etichetele sunt folosite pentru marcare - comenzi speciale care descriu structura unei pagini web. Sunt incluse în paranteze unghiulare -<тег>, astfel încât browserul să le poată distinge de cea mai mare parte a textului. În continuare, vom acoperi elementele de bază ale HTML pentru începători.

Editori vizuali

Începătorii care tocmai au pornit pe calea învățării HTML-ului își încep adesea munca cu programe care vă permit să creați site-uri web fără nicio cunoștință. În ele puteți aranja pur și simplu elementele pe ecran așa cum vor fi afișate în browser. S-ar părea că aceasta este sursa harului etern care vă permite să scăpați de majoritatea dezvoltatorilor web. Dar nu totul este atât de simplu, deoarece editorii vizuali au o mulțime de deficiențe care fac imposibilă utilizarea lor în proiecte serioase.

Toate aceste programe creează o mulțime de etichete inutile care fac pagina finală greoaie și suboptimă. Desigur, în era noastră a internetului de mare viteză, acest lucru este mai puțin important decât înainte, dar există o serie de motive pentru care un site web concis și bine scris se dovedește a fi mai practic decât omologul său creat într-un editor vizual. O pagină web realizată într-un astfel de program va fi procesată prost de roboții de căutare, deoarece fiecare kilobyte de cod este important pentru ei, iar codul voluminos și ilogic cu o grămadă este puțin probabil să se potrivească gusturilor lor. În plus, editorii rămân adesea în urmă cu vremurile, devenind irelevanți, iar cheltuirea resurselor pentru dezvoltarea lor nu este practic, deoarece niciun profesionist nu folosește aceste produse. Prin urmare, oricine dorește să lucreze în industria de dezvoltare de site-uri web trebuie să cunoască elementele de bază ale HTML.

Etichete

După cum sa menționat mai sus, etichetele descriu structura unei pagini web către browser. Majoritatea dintre ele au o etichetă de deschidere și de închidere, dar nu toate. De exemplu, ..., unde în loc de puncte există conținut. Primul arată unde începe eticheta, iar al doilea o închide. Pot exista și alte elemente de marcare a paginii în interior; ele 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 situat în interior, așa cum poate fi scris pentru majoritatea etichetelor HTML și stabilește proprietățile elementului. Este indicat în eticheta de deschidere și arată cam așa: attribute="...", unde în loc de puncte există valoarea atributului. Cunoașterea etichetelor este primul și cel mai important pas pentru 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, de exemplu Index.html. În acest fel, 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 un site web într-un singur director, ceea ce vă va face viața mult mai ușoară în viitor. Elementele de bază ale limbajului de marcare hipertext HTML necesită o înțelegere clară a structurii documentului. Începe cu eticheta, care spune browserului versiunea de HTML care este utilizată în acest document. În acest moment, a cincea versiune a limbii este relevantă, deci nu este nevoie să inventați nimic, puteți introduce în siguranță eticheta de mai sus la începutul oricărei pagini.

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

Cap

În interiorul unei etichete ... conține informații tehnice care nu vor apărea pe pagină, dar sunt 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 .... Titlul 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ă indicați imediat codificarea documentului pentru afișarea corectă a acestuia. Acest lucru se poate face folosind 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 stilului în cascadă sau css. Acestea stabilesc proprietățile elementelor care vor fi afișate pe pagină. O abordare modernă a acestei sarcini implică transferul de caracteristici precum culoarea, înălțimea și locația elementului într-un fișier extern pentru o mai mare comoditate. Pentru a include un fișier CSS, utilizați eticheta . Când este terminat, arată cam așa: , unde href indică locația fișierului, iar 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. ÎN Sunt folosite un număr mare de etichete HTML. Elementele de bază sunt formatarea textului, lucrul cu link-uri și instrumentele de bază pentru structurarea unei pagini web. Pentru a începe să lucrați în HTML, trebuie doar să cunoașteți etichetele de bază și să le puteți utiliza. Mai jos sunt cele mai populare: