HTML: Noțiuni de bază pentru începători

HTML este limbajul de markup hipertext care a făcut Internetul așa cum îl cunoaștem și îl iubim. Datorită acestui instrument minunat, site-urile arată frumos și modern și oferă, de asemenea, confortul utilizării lor. Limba HTML compune pur și simplu elementele paginii web într-o opțiune ușor de utilizat. Lucrarea lui este comparabilă cu ceea ce fac ei editorii de texte cum ar fi MS Word sau OpenOffice. Ei transformă o mulțime de scrisori fără chip într-un document în care există paragrafe, text îndrăzneț, italiene, tabele și chiar imagini. Aproximativ același lucru face HTML, cu singura diferență fiind că documentele sale sunt afișate în browser-ul, precum și posibilitățile de acest instrument este mult mai largă decât editorul de text. Pentru marcare se utilizează etichete - comenzi speciale care descriu structura unei pagini web. Acestea sunt închise în paranteze unghiulare - astfel încât browserul să le poată distinge de greutatea totală a textului. Apoi, vom analiza elementele de bază ale codului HTML pentru începători.

Visual Editors

Începătorii care au pus doar piciorul pe calea învățării HTML încep de multe ori munca lor cu programe care vă permit să creați site-uri web fără să știți. În ele, puteți aranja elementele de pe ecran, deoarece acestea vor fi afișate în browser. Se pare că aici este - o sursă de grație eternă, care permite să scapi de majoritatea dezvoltatorilor web. Dar nu totul este atât de simplu, deoarece editorii vizuali au o mulțime de defecte care fac imposibilă utilizarea lor în proiecte serioase.

Toate aceste programe creează o mulțime de etichete inutile, care fac versiunea finală a paginii greoaie și suboptimală. Desigur, în această vârstă de internet de mare viteză este mai puțin important decât în ​​trecut, dar există o serie de motive pentru care un site web concis și bine scris este mai practic decât omologul său, creat în editorul vizual. Pagina web a făcut într-un astfel de program va fi tratat rău de către motoarele de căutare ca importante pentru ei la fiecare kilobytes de cod și codul de greoaie și lipsită de logică, cu o grămadă de erori semantice cu greu le-au gust. În plus, editorii de multe ori în spatele ori, devin irelevante, și să cheltuiască resursele pe dezvoltarea lor este imposibil, deoarece nici un profesionist nu va utiliza aceste produse. Prin urmare, oricine dorește să lucreze în domeniul creării de site-uri, trebuie să cunoască elementele de bază ale HTML.

tag-uri

După cum sa menționat mai sus, etichetele descriu structura paginii web în browser. Majoritatea au o etichetă de deschidere și închidere, dar nu toate. De exemplu, , unde în loc de puncte există conținut. Primul arată locul în care începe eticheta, iar al doilea o închide. În interior pot exista alte elemente ale aspectului paginii, ele pot fi imbricate una în alta ca o păpușă. Este important să închideți etichetele în timp util, astfel încât pagina să fie afișată corect.

Există și etichete unice care nu trebuie închise. Ele conțin conținut în interiorul, precum și atribute. atribut pot fi înregistrate pentru majoritatea etichetelor HTML și specifică proprietățile elementului. Acesta este notat în eticheta de deschidere și arată ceva de genul: attribute = "...", unde în loc de puncte există o valoare de atribut. Cunoașterea etichetelor reprezintă primul și cel mai important pas pentru mastering HTML. Elementele de bază ale acestei arte, de asemenea, înseamnă înțelegerea structurii unei pagini web.

Structura documentului

Fiecare document HTML are o extensie corespunzătoare, de exemplu, Index.html. Deci, browserul poate înțelege cu ce se ocupă și poate afișa corect pagina. Toate fișierele folosite pentru a crea site-ul, este de dorit să stocați într-un singur director, care în viitor vă va facilita foarte mult viața. Fundamentele limbajului HTML pentru hipertext HTML presupun o înțelegere clară a structurii documentului. Începe cu o etichetă , informând browserul despre versiunea HTML folosită în acest document. În prezent, a cincea versiune a limbii este relevantă, deci nu este nimic de inventat, puteți introduce în siguranță eticheta de mai sus în partea de sus a oricărei pagini.

Apoi, există principalele structuri pereche care alcătuiesc "scheletul" site-ului. Prima etichetă, în care restul sunt încorporate - .... Tot ceea ce este în afara acestuia nu este recunoscut de browser ca o pagină web, astfel încât să deschidă documentul și să îl închidă. Această etichetă este necesară pentru orice document. Acesta conține, de asemenea, câteva etichete mai 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, totuși, reprezintă o parte importantă a documentului HTML. Elementele de bază ale site-ului sunt specificate în acest loc, aici este selectată codarea și se introduce numele paginii. Acesta este conținut în eticheta cerută . Se afișează numele din partea de sus a browserului, unde puteți plasa și o mică pictogramă care caracterizează conținutul paginii. Este de dorit să specificați imediat codificarea documentului pentru afișarea corectă a acestuia. Acest lucru se poate face cu ajutorul unei etichete. Etichetele Meta furnizează date despre structura paginii și sunt de obicei situate în interiorul capului.

legătură

Cunoașterea elementelor de bază ale HTML implică, de asemenea, utilizarea unor stiluri de design în cascadă sau css. Ele stabilesc proprietățile elementelor care vor fi afișate pe pagină. O abordare modernă a acestei sarcini presupune realizarea unor caracteristici precum culoarea, înălțimea și locația elementului, într-un fișier extern pentru o mai mare ușurință. Pentru a conecta un fișier css, utilizați eticheta . În formă finalizată, arată cam așa: , unde href indică locația fișierului și tipul - pe tipul acestuia.

corp

În această parte a documentului HTML se creează partea vizibilă a paginii. Tot ce se face în interiorul "corpului" va fi afișat de browser. În Un număr mare de etichete HTML sunt utilizate. Elementele de bază sunt formatarea textului, lucrați cu link-uri și cu 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 dintre ele:

• - Se utilizează pentru a selecta substringul la care se va aplica stilul special descris în css;
• - creează un link către pagina web - adresa de tranziție este specificată de href-
• - una dintre cele mai populare tag-uri de zi a oricarui om care a decis să învețe elementele de bază ale HTMLl limbii ar trebui să acorde o atenție deosebită, pentru că acesta este un element de bloc, care se face pe baza cotei leului din site-urile de azi (parametrii pentru blocurile
  sunt specificate în css, iar alte blocuri pot fi localizate în interiorul acestei etichete) -

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

• - Lista numerotată, ale cărei elemente sunt conținute în eticheta asociată
• ;
- lista bulletată, în care, precum și în numerotate, elementele sunt notate cu o etichetă
• ;
• - îndrăzneț text-
• - kursiv-
• - introducerea unei imagini pe o pagină web (aceasta este o singură etichetă, nu are nevoie de o etichetă de închidere, dar este necesar să se precizeze atributul alt, care specifică textul pentru imagine);

Nu sunt toate etichetele necesare pentru a crea o pagină web proprie, dar acestea sunt suficiente pentru a pune bazele HTML pentru începători.

CSS

dezvoltarea limbajului HTML a condus la faptul că greutatea fiecărei etichete obzavolsya atribute, precum și cerințele pentru apariția paginilor web înseamnă a crescut substanțial. Codul a devenit greoi și incomod, a fost dificil de citit, nu de ceea ce să se adapteze sau să se schimbe. În plus, atunci trebuie să transpire, schimbă în fiecare mână în cazul în care site-ul dvs. de zece pagini, pe care o mulțime de titluri, marcate în verde, și dintr-o dată ai vrut să le facă roșu. Odată cu apariția foilor de stil 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 acum, fără cunoștințe de foi de stil cascadă, nu este nimic de făcut în acest domeniu. Acestea specifică atributele pentru orice element care se aplică întregului document. Astfel, puteți seta culoarea tuturor elementelor simultan

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

Pentru a conecta fișierul css la document, există o etichetă de legătură. Puțin mai sus, a fost descris principiul folosirii, dar nu este singura opțiune care combină toate stilurile într-un singur loc. Există, de asemenea, o etichetă

jаvascript

Adesea, o persoană care a decis să dezvolte pagini web, înțelege că, pentru sarcinile sale, nu sunt suficiente instrumentele care oferă HTML. Elementele de bază vă vor permite să creați o pagină frumoasă, dar ce dacă ați nevoie brusc pentru ao face interactivă? În aceste scopuri, există un limbaj de programare unic de scenarii care interacționează perfect cu HTML. Se numește jаvascript, deoarece a fost conceput ca fratele mai mic al limbajului Java popular. Astăzi, aceste limbi au dobândit diferențe semnificative, iar decalajul dintre ele crește doar.

jаvascript poate îmbunătăți capabilitățile HTML, vă permite să creați și să editați etichete. De asemenea, folosind acest instrument minunat, puteți lucra cu Cokie, puteți descărca date de pe server fără a reîncărca pagina, a face site-ul mai interactiv decât permite HTML. Această limbă are, de asemenea, limitări legate de securitate. Dacă jаvascript nu este utilizat pe partea de server, acesta va fi executat în condiții care îi limitează capabilitățile, astfel încât atacatorii să nu poată folosi cod rău intenționat pe nici un computer.

editori

Elementele de bază ale codului HTML pentru un începător sugerează cunoașterea programelor cele mai convenabile și practice pentru crearea paginilor web. Așa cum a fost scris mai sus, editoarele vizuale, cum ar fi Dreamweaver și altele asemenea, nu sunt potrivite pentru acest scop. Deci, scrieți etichete într-un notebook obișnuit? Această opțiune este, de asemenea, îndoielnică, deoarece notebook-ul standard nu are instrumente speciale pentru aspect. Notepad ++ poate gestiona bine această sarcină. Un mare plus al acestui produs este că are o sursă deschisă și este complet gratuit. Are o sincronizare convenabilă și o închidere automată a tagurilor. Notepad ++ oferă, de asemenea, o gamă largă de limbi de interfață, iar capacitățile sale sunt ușor de extins cu numeroase extensii.

Sublime Text 3 - un program similar cu Notepad ++, dar care se răspândește pe bază de taxă. Este ea care a câștigat inimile majorității dezvoltatorilor. Sublime Text 3 este ideal pentru jаvascript, CSS și HTML. Elementele de bază ale lucrului cu acesta vor trebui studiate independent, dar merită. Are posibilități nelimitate pentru reglarea fină, ceea ce vă permite să maximizați programul pentru nevoile dvs.

Elementele de bază ale HTML și CSS pentru începători

După cum puteți vedea, studierea artei de creare a paginilor web nu este atât de dificilă cum pare la prima vedere. Doar câteva luni de pregătire hands-on vă va transforma de la un utilizator timid într-un dezvoltator începător. Învățarea de a face un aspect este mult mai ușoară decât învățarea unui limbaj de programare sau Linux. De fapt, etichetele HTML nu sunt atât de multe, este important să înțelegem aspectul practic al aplicației lor.

Nu este inutilă în această chestiune va fi abilitatea de a lucra în Adobe Photoshop. Acest program vă permite să lucrați cu fotografii, imagini și alte elemente grafice ale unei pagini Web. În prezent, este "Photoshop" cel mai bun se confruntă cu astfel de probleme, are puțini concurenți. Pentru cei care nu le place acest produs Adobe, există Lightroom, GIMP, Illustrator și alte programe cu funcții similare.

Ce dă cunoștințele HTML

Abilitățile de a crea pagini web sunt foarte relevante astăzi, deoarece Internetul se extinde prin salturi și limite. Fiecare întreprindere, orice, chiar și cel mai mic magazin, ateliere și cluburi sportive - toate doresc să aibă propriul site web. Și, desigur, pentru aceasta vor avea nevoie de un dezvoltator care deține CSS și HTML. Elementele de bază sunt simple de stăpânit, după care problema se află în spatele practicii. Deoarece tehnologiile de layout evoluează în mod constant, dezvoltatorii din front-end vor fi mereu în căutare. Oricine decide să se dedice acestei industrii interesante nu va rămâne niciodată fără muncă.