HTML-cod. Coduri HTML HTML

Cu siguranță că vă confruntați cu un astfel de concept caHTML-cod. A auzit de la prieteni, văzut în meniul browserului dvs., etc. Dar ce este? Să încercăm să aflăm ce fel de cod este și de ce elemente constă.

Informații de bază

Să începem cu definiția. Codul HTML este marcarea oricărei pagini web executată folosind HTML.

Acest cod constă în etichete, datorită căroraBrowserul determină modul în care arată o anumită pagină. Structura sa este împărțită în două părți: capul - titlul documentului, în care este prescris numele paginii, precum și informațiile despre documentul însuși și corpul - corpul documentului, în care sunt stabilite parametrii paginii.

Pentru a crea o pagină web mai mult sau mai puțin decentă, scrisă de la zero, trebuie să învățați etichetele utilizate de această limbă, parametrii lor și să cunoașteți și codurile de culoare HTML.

tag-uri

Eticheta este un element al limbajului HTML. Cu ajutorul acestuia puteți specifica fontul, culoarea, mărimea textului, introduceți tabelele și imaginile în el, formatați, creați titluri, linkuri și vopsiți pagina.

Etichetele sunt întotdeauna închise în paranteze unghiulare - <>, ceea ce le diferențiază de textul principal, care este afișat pe pagină când este vizualizat. Există două tipuri - pereche și singură.

Acestea sunt formate dintr-o etichetă de deschidere și o etichetă de închidere, în timp ce în cea de-a doua există un șir drept după colțul din stânga colțului. De exemplu: text .

Între cele două etichete este un text, tabel, imagine sau alt element, care este afișat pe pagina web.

Cele solitare constau dintr-o etichetă și nu conțin o tăietură directă. De exemplu: <hr>.

Etichetele pot avea parametri care pot fi specificați utilizând coduri speciale pentru cod HTML.

De asemenea, rețineți că pentru majoritatea personajelor: pași, paranteze, mărci comerciale, semne mai mari sau egale, mai mici sau egale cu multe altele - există o masă specială în care sunt prescrise codurile pentru aceste semne. Acest cod începe cu un ampersand, după care poate trece fie o denumire mnemonică alfabetică, fie un semn de zăpadă cu un cod de simbol din trei cifre. În final, trebuie să puneți un punct și virgulă.

Elemente de bază

Ce este codul HTML, ne-am dat seama, acum încercăm să enumărem principalele etichete care pot fi utile dacă nu atunci când creați propriile pagini Web, atunci cel puțin când scrieți texte.

asociat:

<body> - conține parametrii principali ai documentului, cum ar fi fundalul, culoarea linkului, câmpurile și altele;
- indică un paragraf;
- evidențiază textul cu caractere aldine;
- cursive;
- subliniază textul;
<s> - trageți textul;
- stabilește textul ca superscript;
- indicele;
- stabilește dimensiunea fontului fontului, fontul, culoarea;
<div> - puteți să vă aliniați textul;
<h> - eticheta antetului;
<a> - este folosit pentru a seta referințe;
<table> - ajută la introducerea tabelelor în document, cu etichetele <tr> (șir) și <td> (celulă).

singur:

- unic, poarta textul urmarind-o pe o noua pagina;
<hr> - cu ajutorul acestuia puteți introduce o linie orizontală în text.

Este demn de remarcat faptul că etichetele sunt de obicei scrise dintr-o linie nouă. Acest lucru se face pentru comoditatea nu numai a coderului însuși, ci și a celor care vor vedea codurile în HTML.

Parametrii etichetei

Am revizuit deja cu dvs. principalele etichete pe care trebuie să le cunoașteți. Desigur, nu am enumerat pe toate, dar chiar și acest minim poate fi suficient pentru a crea primele pagini web.

Dar nu este suficient să știți niște etichete, tot trebuie să studieziparametrii care pot fi specificați. În acest articol vom face doar o scurtă trecere în revistă a acestora, vom descrie cele mai frecvent utilizate. Le puteți vedea prin deschiderea oricărui cod HTML.

Să nu descriem, de asemenea, pentru ce etichetă acest parametru este potrivit, deoarece multe dintre ele sunt utilizate în majoritatea comenzilor de marcare web:

fata - specifica tipul fontului;
dimensiune - specifică dimensiunea;
culoarea specifică culoarea;
aliniere - aliniere;
nume - nume;
href - acest parametru specifică adresa linkului;
alt - text alternativ;
lățime - lățime;
înălțime - înălțime
fundal - imagine de fundal;
bgcolor - fundal.

Nu toți parametrii, am enumerat doar cele mai utilizate și cunoscute.

După ce parametrul este pus un semn egal, și apoiîn ghilimele sale este prevăzut sensul. Vă sfătuim atunci când dezvoltați site-uri și pagini pentru a utiliza manuale sau manuale speciale, pentru a cunoaște nu numai parametrii de bază, ci și pentru a le seta corect.

Tabel de culori

Deci, cu etichetele principale și parametrii lor, ne-am dat seama, acum să ne uităm la codurile de culoare HTML. Cu ajutorul acestora puteți specifica culoarea textului, a paginii sau a anumitor elemente individuale.

Webmasterii începători ar trebui să știe ce este acoloTabele speciale de culori în care sunt date codurile fiecărei nuanțe. Există doar 16 culori de bază care pot fi stabilite nu numai cu ajutorul unei mese, ci și prin indicarea numelui lor în limba engleză. De asemenea, le puteți adăuga cuvinte luminoase și întunecate, specificând nuanța dorită.

De asemenea, există un tabel de culori sigure, care include 216 de tot felul de ieșiri.

Rețineți că utilizarea multor tabelemai convenabil. Ei primesc un cod de culoare hexazecimal. În acest caz, puteți vedea imediat această umbră. Fiecare cod începe cu un semn de rețea, urmat de trei perechi de semne care caracterizează intensitatea culorilor primare: roșu, verde și albastru.

Acest cod este suficient pentru a copia și a înlocui parametrii etichetei dorite.

Cum să vizualizați codul paginii

Dacă sunteți interesat în crearea de pagini web, atunci va fi cu siguranță interesant pentru a vedea site-ul HTML-cod care vă place sau pe care le vizitați destul de des.

Dar cum se poate face acest lucru? Există două moduri, destul de simple și de înțeles. Primul este să deschideți pagina de care aveți nevoie și să apăsați pe Ctrl + U. În noua fereastră va apărea codul sursă al paginii, pe care îl puteți vedea și studia.

Cea de-a doua cale este să apăsați butonul stâng al mouse-ului șiselectați elementul "Cod sursă" din lista derulantă. Dar, totuși, vă recomandăm să utilizați prima metodă, deoarece utilizarea tastelor rapide este mult mai ușoară și mai convenabilă.

Rețineți că atunci când citiți codul, veți putea, de asemeneavizualizați comentariile acestuia, scrise în eticheta "Comentariu", care arată astfel: <! >. În acest caz, comentariul însuși este scris după semnul exclamării. Nu este afișat în browser. Și este scris, în principiu, pentru ca alți programatori și designeri de web să poată înțelege ce se află în spatele blocului de informații de mai jos, de ce a fost specificată această bucată de cod.

constatări

Scrierea de coduri în HTML nu este la fel de dificilă cum poate fipare la prima vedere. Mai ales dacă doriți să creați site-uri fara pretentii si nepretențios, tutoriale online pe HTML și așa mai departe. N. Learning principiul de bază al etichetelor de marcare și nu ia mult timp. Veți avea destule chiar câteva zile pentru a începe să vă creați propriile proiecte.

Rețineți că, dacă decideți să studiați această limbămarcaje, apoi fii atent. Cele mai multe probleme apar precis din cauza lipsei de atenție: etichete pereche neîncheiate, parametrii incorect scrise, tacturi - toate acestea amenință să se transforme într-o greșeală pe care o puteți căuta destul de mult. Dar, în general, pentru a studia HTML-markup-ul paginilor este destul de interesant.

Evaluare: