De cand începutul internetului , HTML a fost crucial pentru a face munca la nivel mondial și să apară așa cum vrem. Să aruncăm o privire la ceea ce este HTML și cum se transformă în paginile pe care le vedeți în fiecare zi.
Coloana vertebrală a internetului
HTML reprezintă "limbajul de marcare hipertext". Este o limbă de codificare utilizată pentru a crea pagini pe care un browser web le poate afișa. Majoritatea paginilor web pe care le găsiți pe Internet, inclusiv cele pe care le citiți în acest articol, sunt stocate ca fișier HTML. Site-urile web sunt o grămadă de pagini HTML asociate stocate pe un server undeva. De aceea limba este deseori numită " coloana vertebrală a internetului ".
Ori de câte ori mergeți la o pagină de pe Internet, solicitați, în esență, un fișier HTML stocat pe server. Apoi, browserul pe care îl utilizați, cum ar fi Chrome sau Firefox, va analiza HTML și vă va afișa în modul în care este destinat.
Universitatea și versatilitatea HTML fac cel mai popular cel mai popular markup limba. in lume. Cei mai mulți dezvoltatori web din față încep Învățați cum să codificați în HTML. Instrumentele de drag-și-drop și editorii Wysiwyg sunt în cele din urmă traduse în HTML, astfel încât browserele să le poată parsa.
LEGATE DE: Ce este un limbaj de marcare?
Cum funcționează HTML.
Ca orice limbă de programare, HTML arată ca o grămadă de comenzi și blocuri de text înainte de a fi transformat în vizual orientat spre față. Dacă sunteți curios să vedeți cum arată HTML pe această pagină particulară și sunteți pe un desktop sau laptop, încercați clic pe oriunde pe această pagină și selectați "Vizualizați sursa paginii" (opțiunea poate varia în funcție de browserul dvs. ). Ar trebui să vă ducă la un zid gigant de cod.
Majoritatea HTML sunt construite folosind "blocuri de elemente", care sunt fragmente de cod HTML care separă elemente diferite pe o pagină. De exemplu, corpul acestui articol este un bloc de elemente, după cum este meniul, recomandările de mai jos și subsolul paginii. Aceste elemente sunt codificate în felul lor, deoarece se pot comporta diferit.
O parte crucială a clădirii paginilor HTML este utilizarea foilor de stil cascadă (CSS). Acestea sunt documente care definesc ce elemente particulare ale unei pagini ar trebui să arate. De exemplu, cum ar trebui să fie imaginile mari, ce fonturi ar trebui să apară pe o pagină și Cum ar trebui să răspundă o pagină web când este redimensionat sau întins. Acestea sunt toate cruciale pentru a crea site-uri atractive, coerente și elegante. Dacă ați observat site-urile care încep să arate mai bine în ultimul deceniu, utilizarea crescândă a CSS este cel mai mare motiv. Puteți citi mai multe despre CSS Aici .
Unul dintre cele mai bune lucruri despre HTML este capacitatea sa de a rula scripturi dinamice prin intermediul Javascript sau js. Aceste scripturi pot crea elemente dinamice. De exemplu, pe anumite site-uri web, plimbări pe o imagine vă va permite să măriți în ea. Puteți face acest efect prin codificarea într-un element JavaScript.
LEGATE DE: Cum să dezactivați (și să activați) JavaScript în Google Chrome
HTML Basics.
În timp ce HTML este un limbaj destul de complex, cu tone de diferite etichete și blocuri, există câteva coduri HTML care ar putea veni la îndemână pe măsură ce navigați pe web. Iată câteva etichete HTML de bază pe care le-ați putea întâlni.
& lt; un href = "https://www.howtogeek.com" și how-to-to-to pentru geek & lt; / a & gt;
Cum-Pentru Geek
Utilizați
& lt; A & GT;
comanda pentru a crea un link. Adresa URL este locul unde se va îndrepta link-ul și textul care citește "cum-to geek" este modul în care va apărea unui utilizator final.
și B & Gt; Bold & Lt; / B & Gt; & lt; i & gt; italic & lt; / i & gt; & lt; u & gt; subliniază & lt; / u & gt;
îndrăzneţ cursiv subliniază
Puteți utiliza
& lt; b & gt;
,
& lt; i & gt;
, și
& u & gt;
Pentru a aplica opțiunile de formatare a textului standard: bold, italic și text subliniat.
& iMG src = "imagine.jpg" & gt;
În
& IMG & GT;
Eticheta este utilizată pentru a încorpora o imagine într-o pagină. Acesta va trage fie imaginea din același domeniu, fie puteți să o îndreptați către un domeniu extern. De asemenea, îl puteți personaliza cu anumite atribute suplimentare, cum ar fi redimensionarea și textul alt.
și h1 & gt; rubrica 1 & lt; / h1 & gt; & lt; p & gt; paragraful <94]Cele de mai sus sunt pozițiile și paragraful. Similar cu modul în care Microsoft Word vă permite să sortați textul în antet și textul corpului, HTML poate forma și textul bazat pe opțiunile implicite antet și paragraf. Aceste formate sunt definite folosind stilul de stil CSS.
& lt; P stil = "Culoare: EDR;" & gt; roșu paragraf & lt; / p & gt;De asemenea, puteți utiliza
"stil"Atribut pentru a personaliza textul cu diferite setări de stil, cum ar fi culoarea textului, culoarea de fundal și dimensiunea fontului.Dacă sunteți interesat să învățați mai multe opțiuni de formatare HTML, consultați Resursele gratuite ale W3Schools . Veți găsi o listă completă de etichete HTML pe care le puteți utiliza pentru a începe construirea paginilor web.
