, - afișează fontul cu un pixel mai mult/mai puțin decât dimensiunea curentă (permite stilul, clasa, parametrul id).

De exemplu, codul html:

font obișnuit, acest font este cu un pixel mai mare

Se transformă pe pagină în următoarele:

Font obișnuit, acest font este cu un pixel mai mare

11. Etichetă HTML

(creeaza liste)

Afișează o listă (permite stilul, clasa, parametrul id). Fiecare element nou este scris între

De exemplu, codul html:

Listă:

• primul element al listei
• al doilea element al listei

Se transformă pe pagină în următoarele:

Listă:

• primul element al listei
• al doilea element al listei

12. Etichetă HTML (creeaza tabele)

- creează un tabel (permite stilul, parametrul de clasă). Fiecare linie nouă este creată de etichete , și coloana .

De exemplu, codul html:

1 rând 1 element	1 linie 2 element
2 rânduri 1 element	2 rânduri 2 element

Se transformă pe pagină în următoarele:

Toate caracteristicile etichetei

13. Etichetă HTML
(rupere de linie)

- tranziția la următoarea linie, este o singură etichetă.

De exemplu, codul html:

Linia 1
2 linii
3 linii Și acest text va fi pe a 3-a linie, deoarece nu a existat tranziție

Se transformă pe pagină în următoarele:

1-linie
2 linii
3-line Și acest text va fi pe a 3-a linie, deoarece nu a existat nicio tranziție

14. Etichetă HTML

---

(linie orizontală)

---

- desenează o linie, este o singură etichetă (permite stilul, parametrul de clasă).

De exemplu, codul html:

Un text deasupra liniei

---

Și acest text va fi deja sub linie

Se transformă pe pagină în următoarele:

Un text deasupra liniei Și acest text va fi deja sub linie

15. Etichetă HTML (ieșire imagine)

De exemplu, codul html:

http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg">

Se transformă pe pagină în următoarele:

Toate caracteristicile etichetei vor fi discutate într-o lecție separată: .

16. Etichetă HTML (formatarea textului)

- pentru formatarea textului, schimbarea stilului etc. (permite stilul, clasa, parametrul id). Nu are nicio greutate în ochii motoarelor de căutare, așa că îl poți folosi cât vrei.

De exemplu, codul html:

Acest text este verde și dimensiunea lui este de 15 px

Se transformă pe pagină în următoarele:

Notă

Eticheta similară este .

17. Etichetă HTML

(crearea formularului)

- crearea unui formular pe pagină (permite stilul, parametrul de clasă).

De exemplu, introducerea unui login și a unei parole, orice butoane, orice formular de înregistrare - toate acestea sunt formulare.

18. Etichetă HTML

(creeaza blocuri)

- servește la crearea blocurilor pe pagină (permite stilul, parametrul de clasă). Anterior, tabelele erau folosite în principal pentru marcarea paginilor. După ce apare eticheta

sarcina este ușurată. Aproape toate site-urile conțin

blocuri ca o alternativă convenabilă la mese.

Etichetele HTML de bază sunt baza pe care este construit aproape orice site web/blog. Din acest articol vei afla exact acele 20% din etichete de care vei avea mereu nevoie.

Ca în orice limbă, și aici se aplică regula pareto 20/80 (20% din cazuri sunt 80% importante pentru a obține rezultatul dorit), ceea ce înseamnă că este suficient să cunoști doar 20% din coduri pentru a-ți atinge cu încredere. obiective în construirea site-ului web.

HTML nu este un limbaj de programare, pentru că este un limbaj de marcare hipertext, care vorbește de la sine, vă permite să marcați blocuri pe pagini pentru afișare corectă, să faceți markup text pentru paginile web. De asemenea, cu ajutorul lui, se realizează link-uri de la o pagină a site-ului la alta. Toate linkurile de pe Internet sunt create folosind partea hipertext a codului html.

Este cel mai simplu limbaj vreodată! Dacă decideți să o studiați, este important să înțelegeți de la bun început că nu există nicio dificultate în acest sens. Putem spune cu încredere că copiilor le este mult mai greu la școală, la lecția de informatică.

Asadar, haideti sa începem. Este mai bine să scrieți coduri într-un blocnotes, care este inclus în programele standard ale sistemului de operare Windows sau în programul gratuit Notepad + +.

Mai întâi, să definim ce este o etichetă. O etichetă este o celulă a limbajului html în sine, din care este în general construită. Prin etichete, browserele înțeleg cum să afișeze text, unde să insereze imagini. Etichetele sunt elementele de marcare în sine.

Etichete HTML pentru crearea unui cadru de site

Etichetele sunt împerecheate și nu împerecheate. Camerele pereche se deschid și se închid, adică există o bară oblică inversă „/” în cele de închidere.

Primul lucru care ar trebui să fie în orice document html atunci când creați o pagină de blog este:

• - spuneți browserului că totul este cod html;
• - din engleza. „head”, conține numele, codificarea, metaetichetele pentru motoarele de căutare;
• - meta tag, în principal pentru motoarele de căutare, în interior conține numele documentului, afișat în partea de sus a browserului;
• - o singură etichetă care indică codificarea limbii în browser, unde windows-1251 indică faptul că textul acestei pagini este în rusă (windows-1252 este pentru engleză);
• - pentru cuvintele cheie ale site-ului;
• - un rezumat al paginii;
• CORP DOCUMENTULUI- din engleza. „corp”, conține întreaga pagină a site-ului.

Acestea erau etichete standard de cod HTML, cu care, fără modificări, toate paginile site-ului/blogului ar trebui să înceapă sub această formă:

Lista etichetelor html din corpul paginii

Între etichete corpul paginii site-ului în sine va fi localizat unde:

• antet

  - cel mai important 1 nivel;
• cu

  subtitlu

  pe

  subtitlu

  - subpozițiile nivelurilor 2, 3, 4, 5 și respectiv 6;
• legături de ancorare— link, unde » target=»_blank»» este un atribut responsabil pentru deschiderea într-o fereastră nouă, » title=»» este numele a ceea ce va fi linkul;
• și — etichetele care trebuie evidențiate cu caractere aldine. „” sunt depreciate și se recomandă utilizarea „ »;
• - pentru italice;
• - o singură etichetă responsabilă cu inserarea unei imagini în pagină;
• - „p” din engleză. „paragraf”, ceea ce înseamnă că împarte textul în paragrafe. Aliniat la stânga implicit;
• 
  - o etichetă logică care înseamnă sfârșitul liniei și trecerea la următoarea;
• — atributul de aliniere a textului la centru;
• - atribuirea textului de aliniere la dreapta;
• —
• color="verde" este responsabil pentru culoarea textului. În acest caz, este verde. Cuvântul „verde” este de obicei înlocuit cu un cod din sistemul de culori hexazecimal, de exemplu: „#088f47”;
• face="verdana" - un atribut care indică fontul din text;
• size="3" - dimensiunea fontului;
• 1. primul
  2. al doilea
  3. al treilea
  - lista numerotata;
• • cuvânt
  • cuvânt
  • cuvânt
  - listă cu puncte;

Etichete HTML pentru crearea unui tabel

Pot exista multe etichete în interiorul tabelului în sine, acestea sunt modificări ale culorii chenarului tabelului, alinierea cuvintelor în interiorul tabelului etc., dar întrucât articolul este despre etichetele principale, ne vom concentra doar pe etichetele pentru crearea tabelului. masa în sine.

- eticheta responsabilă pentru crearea tabelului, unde „1” este lățimea chenarului tabelului, unde „450” ​​este lățimea tabelului și știți deja „centru”;

- eticheta din interior " ' și creează un rând în tabel;

- creează o coloană pe rând, se află în interiorul etichetelor " ". „150”, așa cum probabil ați ghicit - lățimea coloanei;

In totalitate etichete de tabel html arata cam asa:

celula numarul 1	celula numarul 2	celula numarul 3
celula numarul 4	celula numarul 5	celula numarul 6

Subliniez încă o dată că acestea sunt principalele etichete de cod html și le puteți face o mulțime de modificări. Și este, de asemenea, de remarcat faptul că codul html în sine este un șablon, fără css, în general, va fi imposibil să faci ceva util cu el. Numai că toate împreună, html și css fac minuni, dar ceva simplu se poate face fără cunoștințe profunde de css, doar pe html.

Lecție video pe tema - „Ce este HTML? fișier indexhtml":

Vă rugăm să distribuiți dacă vă place:

Ați putea fi, de asemenea, interesat să știți:

În limbajul HTML, tot ceea ce scrieți într-un document HTML va fi afișat pe ecranul browserului în text solid, adică browserul ignoră întreruperile de linie și mai multe spații pe care le introduceți la rând sunt înlocuite cu unul singur.

Etichetele sunt comenzi de control care au fost inventate pentru a formata textul, de exemplu. etichetele spun browserului cum să afișeze partea de text inclusă în etichete. Pentru a crea o etichetă, codul HTML este introdus între paranteze unghiulare, care este destinat numai browserelor. Vizitatorii site-ului nu văd etichetele.

După cum sa menționat mai sus, toate etichetele încep cu un parantez unghiular.< и заканчиваются угловой скобкой >. Paranteza unghiulară de deschidere este urmată de numele etichetei (comandă).

De exemplu, etichetați are scopul de a sublinia textul, browserele afișează un astfel de text cu caractere cursive. Când browserul întâlnește această etichetă, trece la formatarea italic a textului care urmează etichetei.

Luați în considerare un exemplu:

Acest text este normal. Acest text este italic.

Etichetă se numește etichetă de pornire sau de deschidere, ceea ce înseamnă că browserul include o comandă specifică (în acest caz, scrierea cu caractere cursive). Majoritatea etichetelor au o pereche sub forma unei etichete de închidere care dezactivează comanda.

Eticheta de sfârșit arată la fel ca eticheta de început, dar începe cu o bară oblică. Deci eticheta finală pentru italice este - .

Luați în considerare un exemplu:

Acest text este normal. Atenţie! cursive. Acesta este din nou un font obișnuit.

După cum puteți vedea, browserul analizează secvențial documentul HTML în căutarea comenzilor (etichete) și aplică sau dezactivează diverse opțiuni de formatare a textului. Browserul afișează text formatat (tot ceea ce nu este o etichetă) în fereastra sa.

	Procesul de inserare a etichetelor în text simplu, neformatat se numește marcaj de document HTML, iar etichetele sunt caractere de marcare. La scrierea etichetelor nu se ține cont de cazul literelor, eticheta se poate scrie atât cu litere mici, cât și cu litere mari, dar totuși este recomandat să se folosească litere mari.

Următoarele sunt exemple de etichete HTML de bază, cu o explicație a utilizării lor și exemple despre cum sunt utilizate într-un document HTML.

Titluri

Există o etichetă specială pentru specificarea titlurilor în HTML. Există 6 niveluri de titluri în HTML, de la cele mai importante declarații la cele mai puțin importante.

Etichete HTML este baza limbajului HTML. Etichetele sunt folosite pentru a delimita începutul și sfârșitul elementelor în marcare.

Fiecare document HTML constă dintr-un arbore de elemente HTML și text. Fiecare element HTML este identificat printr-o etichetă de început (deschidere) și de final (închidere). Etichetele de început și de sfârșit conțin numele etichetei.

Toate elementele HTML sunt împărțite în cinci tipuri:

• elemente goale — , ,
  , , ,

  ---

  , , ,
  Folosit pentru a stoca informații suplimentare despre pagină. Aceste informații sunt folosite de browsere pentru a procesa pagina și de motoarele de căutare pentru a o indexa. În bloc pot exista mai multe etichete , deoarece în funcție de atributele folosite, acestea poartă informații diferite. Indicator de măsurare în intervalul specificat.