Cod HTML standard. Cod HTML

Au fost inventate multe limbi, dar limbaj HTML apartine numarului de special si cel mai solicitat. Multe alte inițiative cheie de programare sunt asociate cu acesta. Multe devin disponibile atunci când cunoașterea limbajului de marcare - HyperText Markup Language (HTML) este prezentă în mintea dezvoltatorului.

În esență, în HTML nu este nimic complicat și în câteva minute orice persoană, cea mai îndepărtată de programare și Internet, va crea o pagină HTML într-un bloc de note. Un exemplu care merită atenție este simplitatea, într-adevăr, accesibilă tuturor.

descriere generala

Un fișier HTML este o pagină a unui site, deși acest lucru poate fi argumentat, dar faptul că un fișier alcătuiește o pagină este clar de la început.

Fișierul HTML începe cu un antet DOCTYPE, care indică tipul fisierul dat- HTML. Toate elementele paginii (etichetele) sunt indicate între paranteze unghiulare. Fiecare pereche ("<» и «>") include o singură etichetă HTML. De obicei, etichetele HTML sunt împerecheate, adică pentru fiecare „etichetă” există o „/etichetă”. Ambele sunt incluse în paranteze unghiulare. Există etichete unice, dintre care cel mai popular „br/” este trecerea la următoarea linie.

Cea mai mare etichetă din fișier este HTML-ul în sine, care conține doar două etichete: HEAD și BODY. În primul se face descrieri diverse, link-uri către altele pagina dorită fișierele pot fi prezente Scripturi PHPși JavaScript. Al doilea înregistrează conținutul paginii. De asemenea, sub formă de tag-uri și scripturi.

Pagina HTML simplă

Un exemplu de creare a unei astfel de pagini este dat mai jos în articol. Să luăm în considerare cu atenție.

Secția CAP

Scop principal - descriere generala pagina și scripturile generale, deși acestea din urmă sunt suficiente concept relativ. De obicei, doar două lucruri sunt importante aici:

Cuvinte cheieși descrierea paginii;
link-uri către alte fișiere (*.css și *.js).

Pentru a afișa conținutul paginii aceasta sectiune are doar un sens indirect, deoarece indică: undeva în alte fișiere există regulile css pentru etichete și scripturi din alte limbi.

Pagina HTML are care este afișată atunci când vizitatorul mută mouse-ul peste fila în care este deschisă pagina. aceasta punct important, pentru că face pagina mult mai prezentabilă, cu alte cuvinte, semnată cu text lizibil.

Etichetele META au importanţăîn programarea pe Internet în general, dar atunci când trebuie să creați o pagină HTML într-un bloc de note, nu este de dorit să aglomerați exemplul cu construcții inutile.

Dacă scriptarea trebuie abordată atunci când cunoștințele despre HTML sunt consolidate, atunci mese în cascadă stilurile ar trebui să acorde atenție imediat. LA fișiere cssîn special, sunt date regulile de formatare a etichetelor HTML.

Sectiunea CORP

De fapt, exemplul de pagină HTML este secțiunea BODY. Aici sunt cuprinse toate informațiile, tot conținutul paginii site-ului. Toate informațiile sunt prezentate sub formă de etichete și scripturi, cum ar fi inserarea de cod JavaScript sau bucăți de programe PHP.

Este important să înțelegeți că exemplul Pagini web HTMLîn browser și același exemplu în editor de text, în special blocnotes, acesta este departe de același lucru. În primul caz, avem un text HTML gata făcut în care sunt executate toate scripturile. De exemplu, PHP și-a rezolvat rolul și și-a format în loc de codul său în locurile potrivite etichetele dorite. JavaScript și-a îndeplinit și misiunea, deși încă nu a fost discutat separat.

HTML sunt etichete, nu scripturi. În cele din urmă, browserul afișează doar conținutul paginii, doar etichetele acesteia. Nu există cod PHP acolo.

JavaScript se afla intr-o pozitie speciala, preocuparea sa este sa serveasca pagina nu doar in momentul incarcarii (reincarcarii), ci si in momentele in care pagina se afla in browserul vizitatorului, iar acesta o studiaza.

Un exemplu simplu (doar secțiunea CORP) este listat mai jos.

Și în browserul vizitatorului, arată astfel:

Codul nu a specificat cum ar trebui să arate elementele afișate de browser. Toate decorurile vizibile sunt în regulile css. LA acest cazîn fișierul Mcss/scPhpWordRW.css referit (vezi primul exemplu de pagină HTML).

Spre deosebire de HTML, tema CSS este mai simplă, există reguli foarte accesibile și numărul lor este mic, când un exemplu de creare a unei pagini HTML nu necesită altceva decât un notepad. Totul este foarte accesibil pentru dezvoltare instantanee:

Aceasta arată cât de simplu este descrisă eticheta scLogo_vDoc, descrierea fiind astfel încât eticheta afișează în mod normal imaginea vDoc-logo.png, iar când mouse-ul este peste ea afișează imaginea vDoc-logo-h.png.

Structura descrierilor HTML

Limbajul nu implică nicio structură, iar conceptul de sintaxă este foarte relativ aici. Nu există variabile aici, dar există o mulțime de posibilități. Baza fundamentală a hipertextului este că există un element (etichetă) care trebuie să aibă un nume.

Nume, în caz că etichetă asociată, este compus din numele real (tagName) și paranteze unghiulare ("<» + tagName +«>"), dacă vorbim despre începutul etichetei și „” dacă se consemnează sfârșitul acestuia.

Un exemplu de pagină HTML care descrie atributele se află mai jos în text.

O etichetă poate avea atribute, caz în care acestea sunt plasate cu un spațiu după numele etichetei înainte de paranteza unghiulară de închidere „>”. Atributele, dacă o etichetă le are, sunt scrise doar la începutul etichetei. Conținutul unei etichete este ceea ce se află între începutul etichetei și sfârșitul acesteia.

HTML vă permite să descrieți bloc și elemente inline. Primele ocupă o anumită zonă în fereastra browserului, pot fi poziționate absolut, adică în locul potrivit zona de afișare a paginii HTML și au o anumită dimensiune.

Elementele inline sunt în general afișate într-un singur flux, adică așa cum au fost specificate în fișierul de pagină și sunt afișate pe ecran. Afișarea fluxului partajat poate fi influențată atunci când pagina este încărcată. Plasarea, vizibilitatea și alte proprietăți ale elementelor la nivel de bloc pot fi influențate în orice moment prin codul JavaScript.

Inafara de elemente simple, HTML sugerează descrierea tabelelor și formularelor. Aceste elemente sunt foarte solicitate în „construcția de zi cu zi a site-urilor”.

Descrierea tabelului: etichete TABLE, TR, TD

Folosind eticheta TABLE, puteți crea un tabel, puteți specifica un anumit număr de rânduri TR și, în fiecare rând, un anumit număr de celule TD. Spre deosebire de organizarea tabulară obișnuită, datorită particularităților marcajului HTML, organizarea tabulară este limitată la această declarație, așa că dacă dezvoltatorul dorește să aibă un tabel dreptunghiular în care numărul de coloane din toate rândurile să fie același, atunci trebuie să urmeze asta pe cont propriu.

Poziția de principiu a HTML este să facă tot ceea ce este specificat, dar nimic care nu este înțeles. În unele cazuri, numărul de coloane din fiecare rând al tabelului nu este atât de important, dar dacă trebuie să îmbinați celulele pe verticală sau pe orizontală, va trebui să calculați totul cu mare atenție.

Un exemplu de pagină HTML care descrie un tabel simplu este prezentat clar în articol.

Iată un tabel cu o dimensiune de trei rânduri pe trei coloane, iar în primul rând, în locul etichetei TD, a fost folosită eticheta TH, antetul coloanei. Aceste două etichete nu au o diferență specială, dar este destul de posibil să îl folosiți pe primul pentru a distinge primul rând al tabelului, iar în CSS puteți atașa propriul stil la TH, care îl deosebește de alte TD-uri.

Descrierea formularului: etichete FORM, INPUT

Formularele sunt partea cea mai solicitată a etichetelor HTML. Formularele pot fi folosite pentru a trimite informații. De fapt, pagina în sine este rezultatul informațiilor, dar forma este intrarea acesteia.

Un exemplu de pagină HTML care descrie un formular simplu:

Există multe mai multe opțiuni pentru utilizarea formularelor, dar caracteristicile principale sunt următoarele. Puteți specifica câmpuri de intrare, le puteți atribui design-ul și handlerele pentru analizarea intrărilor utilizatorului. Puteți specifica câmpuri ascunse și puteți transmite informații de fundal din pagină. Puteți desemna butoanele pentru transmiterea informațiilor, făcând clic pe care inițiază procesul de transmitere a informațiilor.

Folosind HTML

Cunoașterea limbajului hipertextului este lucru în orice specializare în domeniul programarii pe Internet, dar dacă trebuie să scrieți programe în PHP sau JavaScript, atunci trebuie să cunoașteți perfect HTML + CSS.

Limbajul PHP a fost desemnat în exemplul anterior. PHP rulează pe server, așa că pagina cu acest formular a zburat de la server la browser cu câmpurile completate. În special, funcția TestOnBlur menționată în Etichetă INPUT(managerul de evenimente onblur), a primit toți parametrii ca câmpuri de text.

JavaScript funcționează în browser și pentru ca butonul de trimitere a datelor înapoi către server să funcționeze corect, adică construcția: onclick=jQuery("#to").val("cart"), trebuie să aveți o idee nu numai despre ce este jQuery, ci și despre ce este #to, val, cart. Mai precis, trebuie să cunoașteți etichetele HTML de bază și reguli generale aplicandu-le acestora stiluri css.

Acest lucru este suficient pentru a vă îmbunătăți rapid abilitățile în orice specializare în domeniul programării pe Internet.

Dacă deschideți orice pagină web, aceasta va conține elemente tipice care nu se schimbă în funcție de tipul și direcția site-ului. Exemplul 4.1 arată codul document simplu A care conține etichetele principale.

Exemplul 4.1. Sursă pagini web

Exemplu de pagină web

antet

Primul paragraf.

Al doilea paragraf.

Copiați conținutul acest exempluși salvați-l în folderul c:\www\ ca exemplu41.html. După aceea, lansați browserul și deschideți fișierul prin elementul de meniu Fișier > Deschideți fișier (Ctrl+O). În dialogul de selecție a documentului, specificați fișierul example41.html. Pagina web prezentată în fig. 4.1.

Orez. 4.1. Rezultatul rulării exemplului

Elementare scopul de a indica tipul documentului curent - DTD (definiție tip document, descriere tip document). Acest lucru este necesar pentru ca browserul să înțeleagă cum să interpreteze pagina web curentă, deoarece HTML există în mai multe versiuni, în plus, există XHTML (EXtensible HyperText Markup Language, limbaj de marcare hipertext extins), similar cu HTML, dar diferit de acesta prin sintaxă. Pentru ca browserul „să nu se încurce” și să înțeleagă în funcție de ce standard să afișeze o pagină web, este necesar să se stabilească în prima linie de cod .

Există mai multe tipuri, acestea diferă în funcție de versiunea HTML pe care o vizează. În tabel. 4.1. sunt date principalele tipuri de documente cu descrierea lor.

Tab. 4.1. DTD-uri valide

DOCTYPE	Descriere
HTML 4.01
	Sintaxă HTML strictă.
	Sintaxă HTML tranzițională.
	Cadrele sunt folosite într-un document HTML.
HTML 5
	Această versiune de HTML are un singur tip de document.
XHTML 1.0
	Sintaxă XHTML strictă.
	Sintaxă XHTML de tranziție.
	Documentul este scris în XHTML și conține cadre.
XHTML 1.1
	Dezvoltatorii XHTML 1.1 se așteaptă ca acesta să înlocuiască treptat HTML. După cum puteți vedea, această definiție nu are nicio împărțire în tipuri, deoarece sintaxa este aceeași și respectă reguli clare.

Diferența dintre strict și descriere tranzitorie documentul constă într-o abordare diferită a scrierii codului documentului. HTML strict necesită respectarea strictă a specificațiilor HTML și nu iartă greșelile. HTML de tranziție este mai „liniștit” cu privire la unele defecte de cod, așa că introduceți acest lucru anumite cazuri utilizarea este de preferat.

De exemplu, HTML și XHTML strict necesită eticheta , dar în HTML tranzițional poate fi omis și nu specificat. În același timp, rețineți că browserul va afișa documentul în orice caz, indiferent dacă se potrivește sau nu cu sintaxa. O astfel de validare se realizează folosind un validator și este destinată în primul rând dezvoltatorilor să urmărească erorile dintr-un document.</p> <p>În cele ce urmează, vom folosi în principal strictul<!DOCTYPE>, cu excepția cazurilor în care este specificat în mod expres. Acest lucru ne va permite să evităm greșelile comune și ne va învăța să scriem cod corect sintactic.</p> <p>Este adesea posibil să găsiți cod HTML fără a utiliza niciunul<!DOCTYPE>, pagina web va fi în continuare afișată într-un astfel de caz. Cu toate acestea, se poate întâmpla ca același document să fie afișat diferit în browser în timpul utilizării<!DOCTYPE>si fara ea. În plus, browserele pot afișa astfel de documente în felul lor, ca urmare, pagina se va „fărâmi”, adică. va fi afișat într-un mod complet diferit, așa cum este cerut de dezvoltator. Să nu se întâmple <a href="https://danykom.ru/ro/u-plansheta-est-pitanie-no-ne-vklyuchaetsya-razreshit-podobnye-situacii/">situatii similare</a>, adăugați întotdeauna<!DOCTYPE>până la începutul documentului.</p><p>Etichetă <html>definește începutul fișierului HTML, antetul este stocat în interiorul acestuia ( <head>) și corpul documentului ( <body> ).</p><p>Titlul documentului, așa cum se mai numește și blocul <head>, poate conține text și etichete, dar conținutul acestei secțiuni nu este afișat direct pe pagină, cu excepția containerului <title> .</p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </p><p>Etichetă <meta>este universal și adaugă un întreg <a href="https://danykom.ru/ro/obzor-samsung-galaxy-a7-luchshii-srednii-klass-s-flagmanskimi-vozmozhnostyami-obzor-galaxy-a7/">clasa de posibilitati</a>, în special, cu ajutorul meta-etichetelor, așa cum se numește în general această etichetă, puteți schimba codarea paginii, puteți adăuga cuvinte cheie, descrierea documentului și multe altele. Pentru ca browserul să înțeleagă că are de-a face cu codificarea UTF-8 (format de transformare Unicode, format de transformare Unicode) și se adaugă această linie.</p><p> <title>Exemplu de pagină web

Etichetă definește titlul paginii web, este unul dintre <a href="https://danykom.ru/ro/gde-stavit-heshtegi-v-instagramm-heshtegi-v-instagramm---samyi/">elemente importante</a> concepute pentru a rezolva multe probleme. LA <a href="https://danykom.ru/ro/chto-takoe-operacionnaya-sistema-vidy-operacionnyh-sistem-kakaya-operacionnaya/">sistem de operare</a> Textul titlului Windows este afișat în stânga <a href="https://danykom.ru/ro/chto-oznachaet-zvezdochka-na-telefone-alkatel-chto-oznachaet-zvezdochka-na/">colțul de sus</a> ferestrele browserului (Fig. 4.2).</p> <p><img src='https://i0.wp.com/htmlbook.ru/files/images/samhtml/fig_1_04_02.png' height="37" width="194" loading=lazy loading=lazy></p> <p>Orez. 4.2. Vedere antet în browser</p> <p>Etichetă <title>este obligatoriu și trebuie să fie prezent în codul documentului.</p><p>Asigurați-vă că adăugați o etichetă de închidere</head> pentru a indica faptul că blocul de titlu al documentului este complet.</p><p>Corpul documentului <body>este destinat plasării de etichete și conținutului paginii web.</p><p> <h1>antet</h1> </p><p>HTML oferă șase niveluri diferite de titluri de text care indică importanța relativă a secțiunii care urmează titlului. da, eticheta <h1>reprezintă cel mai important titlu de prim nivel și eticheta <h6>servește la desemnarea unui titlu de nivelul șase și este cel mai puțin semnificativ. În mod implicit, titlul de prim nivel este afișat cel mai mult <a href="https://danykom.ru/ro/kak-sdelat-krupnyi-shrift-v-odnoklassnikah-kak-uvelichit-shrift/">imprimare mare</a> Font aldine, titlurile de la nivelul următor au dimensiuni mai mici. Etichete <h1>...<h6>a se referi la <a href="https://danykom.ru/ro/css-pozicionirovanie-blokov-otnositelno-drugih-pozicionirovanie/">elemente de bloc</a>, încep întotdeauna cu <a href="https://danykom.ru/ro/kak-dobavit-itogovuyu-stroku-v-excel-dobavlenie-novoi-stroki-v-programme/">linie nouă</a>, iar după ele sunt afișate alte elemente pe linia următoare. În plus, se adaugă un spațiu liber înainte și după titlu.</p><p>  </p><p>Un text poate fi ascuns pentru afișarea în browser, făcându-l un comentariu. Deși utilizatorul nu va vedea un astfel de text, acesta va fi totuși transmis în document, așa că, privind codul sursă, puteți găsi note ascunse.</p> <p>Și se traduce prin „limbaj de marcare hipertext”. Hipertextul este o metodă specială de navigare prin paginile de Internet, implementată sub formă de link-uri hipertext. Făcând clic pe aceste linkuri, puteți naviga cu ușurință prin structura site-ului. În acest caz, tranzițiile nu au loc liniar, adică. ai întotdeauna posibilitatea de a merge la orice pagină a site-ului, link-ul către care este vizibil în <a href="https://danykom.ru/ro/nevozmozhno-vypolnit-zapros-v-dannyi-moment-iphone-reshenie-oshibki/">acest moment</a>. </p><p>Markup se referă la unele dintre regulile și proprietățile cu care sunt dotate elementele paginii. Ele sunt implementate sub formă de așa-numite etichete. De exemplu, pentru a specifica că un anumit text dintr-o pagină trebuie să fie centrat pe pagină, îl puteți marca cu eticheta centrală. Consultați codul HTML <a href="https://danykom.ru/ro/statistika-konkretnoi-stranicy-v-yandeks-metrike-kak-uznat/">pagina specifică</a> posibil prin ea <a href="https://danykom.ru/ro/udalit-dobavit-v-biblioteku-iz-kontekstnogo-menyu-nastraivaem/">meniul contextual</a>. De exemplu, pentru a accesa acest cod în <a href="https://danykom.ru/ro/sohranennye-paroli-v-mozilla-kak-prosto-i-bystro-uznat-paroli-kotorye/">browser Firefox</a> trebuie apăsat <a href="https://danykom.ru/ro/perestala-rabotat-pravaya-knopka-myshi-chto-delat-chto-delat-esli-ne/">Click dreapta</a>în pagină și selectați „Codul sursă paginii”.</p><h2>Cum funcționează codul HTML?</h2>Codul HTML este un set de etichete scurte care conțin elemente de pagină. Tot acest cod este stocat într-un fișier cu extensia .html sau .htm. Când un astfel de fișier este deschis într-un browser, codul este interpretat de acesta, iar pagina finală este afișată în fereastra programului. Cunoașterea limbii <a href="https://danykom.ru/ro/sintaksis-zapisi-tegov-html-vyglyadit-yazyk-razmetki-html-sintaksis/">Marcaj HTML</a>, aproape oricine își poate crea propria pagină. <h2>Care sunt etichetele?</h2>Etichetele sunt constructe separate în codul HTML. Acesta este text simplu inclus între paranteze unghiulare „”. Puteți vedea etichete în codul HTML al aproape oricărei pagini. Etichetele în sine nu sunt afișate pe pagini, ele afișează un element specific care este codificat folosind etichete. De exemplu, dacă există o imagine pe pagină, atunci codul ei HTML conține eticheta img. <h2>Limitări HTML</h2>În ciuda faptului că codul HTML vă permite să construiți o pagină de hipertext destul de de înaltă calitate, acesta are limitările sale. Paginile care conțin doar un astfel de cod sunt statice, adică. le lipsește dinamica <a href="https://danykom.ru/ro/trehmernye-geometricheskie-obekty-tr-hmernye-modeli-sozdanie/">efecte speciale</a> si alte posibilitati. Dar ele pot fi introduse folosind alte limbi, de exemplu <a href="https://danykom.ru/ro/kak-ispravit-java-script-error-vkontakte-chto-delat-pri-oshibkah-java-script-v/">JavaScript</a>. Marea majoritate a site-urilor web moderne sunt create folosind limbi suplimentare care le fac mai vii și mai interactive. <p>Acum câteva cuvinte despre etichetele pe care le-am folosit pentru a face această pagină.</p> <h2>Descrierea etichetelor html din exemplu</h2> <p>1. <html></html> Aceste etichete trebuie să fie prezente pe fiecare pagină web. Ei spun browserelor și <a href="https://danykom.ru/ro/kak-zaiti-zapreshchennyi-sposoby-dlya-mobilnyh-telefonov-kesh-poiskovyh/">motoare de căutare</a> că aceasta este o pagină html.</p> <p>Orice pagină html are următoarea structură:</p> <blockquote><html > <head > ... <span>Etichete de titlu</span> ... </head > <body >... corpul paginii ...</body > </html > </blockquote> <p>2. <body></body>- intre aceste tag-uri se afla tot continutul vizibil al paginii.</p> <p>4. <title>- între aceste etichete este scris titlul paginii, care este afișat chiar în partea de sus a browserului. Apropo, atunci când cauți ceva în motoarele de căutare, primul lucru care se afișează este doar numele paginii. Etichetă adesea prescurtat ca „titlu”. Vă sfătuiesc să citiți articolul: cum să compuneți o etichetă </p> <p>Acum să trecem la etichetele care se află în corpul paginii html (în interiorul <body>și</body> ).</p> <p>5. <center></center>- aceste etichete aliniază totul în interiorul lor la centru. În acest caz, centrul va fi - centrul ecranului. Pe viitor, vă recomandăm să încetați să utilizați aceste etichete.</p> <p>6. <h1></h1>este una din clasa etichetelor de antet <h1>..<h6>, de obicei include titlul paginii. De exemplu, această pagină are o etichetă de titlu „Exemplu <a href="https://danykom.ru/ro/nemarkirovannyi-spisok-html-sozdanie-spiskov-v-html-izmenenie/">crearea html</a> pagini”.</p> Notă <p>aceste etichete au o mare greutate în clasarea site-ului, așa că trebuie folosite cu atenție și înțelepciune.</p> <p>Când scrieți cod html, trebuie să urmați <a href="https://danykom.ru/ro/kak-postavit-parol-podklyuchenie-internetu-samye-rasprostranennye-ip-adresa-routerov-kak-zaparolit/">regula simpla</a>: eticheta de cap trebuie să fie pe primul loc <h1>, și atunci pot pleca deja <h2> , <h3>etc. Principalul lucru este să nu fii primul <h2>, după <h1>, după <h3>etc. Trebuie să existe o ierarhie strictă. titluri <h2> , <h3>etc. pot fi multe.</p> <p>7. <br/>este o singură etichetă care nu necesită o etichetă de închidere. Se trece la linia următoare. În exemplul meu, două etichete simple sunt scrise într-un rând pentru a merge la rândul următor de două ori.</p> <p>8. <span><img src='https://i2.wp.com/URL_ИЗОБРАЖЕНИЯ' loading=lazy loading=lazy> </span> este o singură etichetă care afișează o imagine.</p> <ul><li>src - un parametru obligatoriu care specifică adresa imaginii (în loc de IMAGE_URL, trebuie să specificați adresa unde este stocată imaginea). <br><u>Notă</u>: <ul><li>Dacă imaginea se află în același folder cu pagina dvs. html, atunci este suficient să scrieți numele imaginii, altfel trebuie să scrieți fie un URL absolut, fie unul relativ;</li> <li>Nu uitați să includeți extensia de imagine. De exemplu, .jpg , .gif , .jpeg .</li> </ul></li> <li>alt sau titlu - în acești parametri puteți scrie o descriere imaginii dvs. Când treceți mouse-ul peste o imagine, va apărea această descriere. Acești parametri sunt importanți pentru promovarea site-ului web, în special în căutarea de imagini. Dacă imaginea nu s-a încărcat, va fi afișat acest text, ceea ce este și un plus.</li> </ul><p>9. <font></font>- aceste etichete sunt concepute pentru a schimba fontul, fundalul, dimensiunea etc. Pe scurt, tot ce are legătură cu formatarea textului poate fi configurat într-o singură etichetă. Această etichetă are destul de multe atribute, pe care le voi acoperi într-un tutorial separat.</p> <p>Notă: - etichetă similară.</p> <p>Există, de asemenea <a href="https://danykom.ru/ro/css-float-left-vyhodyat-iz-obshchego-div-izmenenie-cvoistva-float-pri-pomoshchi/">proprietatea css</a> font , unde puteți seta toate aceste opțiuni.</p> <p>10. - evidențiați cu aldine. Tot ce este între <b>și</b> vor fi evidențiate cu caractere aldine. De exemplu, dacă îl scrieți chiar la începutul conținutului și îl închideți la sfârșit, atunci tot textul de pe pagină va fi aldine. Aceasta este o etichetă destul de comună, al cărei analog este <strong></strong> .</p> <p>Motoarele de căutare acordă atenție acestei etichete în ceea ce privește creșterea impactului cuvintelor cheie. Dar trebuie să fii atent, deoarece cuvintele cheie îndrăznețe vor fi percepute de fiecare dată ca spam.</p> <td width="87%" height="778" valign="top"> <p>HTML- <span>Limbajul de marcare hipertext standard.</span> (<i>Engleză abr. Hyper Text Markup Language</i>).</p> <p>Limbajul HTML a fost inventat încă din secolul al XX-lea pentru a afișa text (la început era doar text) și apoi odată cu dezvoltarea <a href="https://danykom.ru/ro/princip-informacionno-kommunikativnyh-tehnologii-tehnologii-ispolzovanie/">tehnologia calculatoarelor</a> au început să apară video, audio, imagini etc. (în secolul 21, această informație a fost numită „conținut”), ceea ce a dus la necesitatea unei extinderi a internetului. Datorită acestui fapt, limbajul HTML a început să se dezvolte.</p> <p>Până în prezent, pe lângă HTML, există și alte limbaje de programare precum PHP, CSS, MSQ, <a href="https://danykom.ru/ro/u-vas-otklyuchen-javascript-otklyuchenie-javascript-pri-pomoshchu-bukmarkleta/">Scripturi Java</a> si altii. Numărul lor este în continuă creștere, la fel ca și calitatea scrierii codului.</p> <p>Limbajul HTML realizează doar marcarea paginii, ceea ce ar trebui să fie afișat pe site, iar celelalte limbi dau paginii „culori” și o unesc într-un singur întreg, dând site-ului frumusețe și sens.</p> <p>În secolul 21, un astfel de concept precum era Web-2.0 a multimedia este deja în uz complet, în care textul trece deja în fundal. Însă, în momentul de față, textul este încă folosit pe site-uri, de regulă, pentru a descrie unele acțiuni sau elemente ale site-ului, fie el material video sau audio. Prin urmare, mai trebuie să înveți limbajul HTML, fără de care nu vei putea scrie și proiecta frumos textul și alte elemente ale site-ului.</p> <p>Limbajul HTML are multe versiuni, dar, de regulă, acestea nu au suferit prea multe modificări. Momentan versiunea principală <a href="https://danykom.ru/ro/chto-takoe-html-yazyk-uchebnik-html-tehnologiya-html-yazyk-gipertekstovoi/">limbaj HTML</a> este HTML 4.01 limbaj de tranziție-tranziție de la HTML 4.01 Tranziție la HTML 5.0 cel mai recent <a href="https://danykom.ru/ro/kak-obnovit-do-versii-1703-ustanovka-pri-pomoshchi-media-creation-tool-kak-reshit-problemu-s/">timp oferit</a> Versiunea HTML.</p> <p>Acest curs va acoperi HTML 4.01 Transitiona, deoarece cea de-a cincea versiune este încă în curs de dezvoltare.</p> <p>Deci, să începem să învățăm limbajul HTML. Vă voi oferi o descriere doar a acelor etichete care sunt des întâlnite când scrieți site-uri, iar restul fie nu sunt folosite deloc, fie sunt folosite foarte rar.</p><p>Tabel cu etichete și atribute HTML.</p> <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="a1"><p>Etichete și atribute:</p> </td> <td class="a2"><p>Descrierea etichetelor și a atributelor:</p> </td> </tr><tr><td class="a1"><html> </html> </td> <td class="a2"><p>O etichetă de pereche (are o etichetă de deschidere și de închidere cu un „/” în eticheta de închidere). Este o etichetă comună <b>HTML</b>. Acesta este un recipient obișnuit în care toată lumea se va potrivi. <a href="https://danykom.ru/ro/tegi-yazyka-html-i-ih-svoistva-chto-takoe-tegi-html-i-kakie-vidy-tegov/">etichete existente</a>. Această etichetă și următoarele trei sunt necesare pentru oricare <b>HTML</b>-pagini.</p> </td> </tr><tr><td class="a1"><title>

.Această etichetă conține numele paginii site-ului. Motoarele de căutare caută mai întâi acest titlu.

Etichetă pereche. Scris într-o etichetă de pereche .Această etichetă conține; foaie de stil CSS atașată, titlul paginii site-ului, descrierea paginii, scripturi, codificarea paginii.

Etichetă pereche. Scris într-o etichetă de pereche după eticheta pereche . Această etichetă conține toate celelalte etichete HTML care conferă paginii aspect și volum. În această etichetă are loc întregul proces de creare a unui site.

Etichetă pereche. Scris într-o etichetă de pereche . Această etichetă este folosită pentru a evidenția titluri de pe site. Cu cât numărul din etichetă este mai mare, cu atât valoarea titlului este mai mică. Prin urmare, cu cât titlul este mai mic, cu atât influența sa asupra acestuia este mai mică motoare de căutareîn ceea ce privește optimizarea site-ului web. Această etichetă joacă un rol important, la fel ca și eticheta în găsirea unui site în interogările de căutare.

Etichetă pereche. Scris într-o etichetă de pereche . Scopul principal al acestei etichete este de a împărți textele în paragrafe.

Etichetă pereche. Scris într-o etichetă de pereche . Este un link către alte părți ale acestuia HTML pagină sau un link către alt site.

. Scopul este același cu eticheta, dar poate separa tot conținutul în părți cu spații între ele. Desfășoară puțină activitate fizică.

Etichetă neîmperecheată. Scris într-o etichetă de pereche . Eticheta arată asta acest loc imaginea este localizată.

Etichetă pereche. Scris într-o etichetă de pereche . Inserează un tabel în site.

, ,

. Scopul principal al acestor etichete este de a crea secțiuni de text îndrăzneţși cursiv pentru a atrage ochiul uman. Aceste etichete vă permit să evidențiați ideea principală a textului.

Etichetă pereche. Scris într-o etichetă de pereche . Eticheta nu poartă o încărcătură semantică, dar cu ajutorul acestui tag poți evidenția orice zonă HTML pagini cu care în foaia de stil CSS se vor putea face orice modificări din punct de vedere al designului.

Etichetă pereche. Scris într-o etichetă de pereche . Scopul este același cu eticheta

, dar cu o rază de acțiune mai mică care acționează în interiorul etichetei

, ,

Pereche de etichete. Scris într-o etichetă de pereche . Împărțiți textul în liste cu marcatori.

Pereche de etichete. Scris într-o etichetă de pereche

. Împărțiți tabelul în rânduri și coloane.

Etichetă pereche. Scris într-o etichetă de pereche

. Selectează rândul principal din tabel, face textul îngroșat și se aliniază la centrul celulei.

src="", href=""

Două atribute, a căror esență este că dau adresa informațiilor care sunt indicate în ele. Adică indică locul în care se află acest sau acel conținut. Și poate fi fie text simplu, fie o resursă, sau unele informatii grafice; imagine, video, audio etc. Dar aceste atribute sunt strict separate prin scop. Atributul src="" dă adrese doar surselor grafice, adică locului în care se află acestea. Iar atributul href="" dă adrese doar altor pagini de site-uri sau altor resurse, adică, de fapt, acesta este un hyperlink banal către o altă sursă aflată pe o altă pagină a site-ului.

clasa=""

Un atribut care poate fi atribuit aproape oricărei etichete. esență atribut dat este de a da un nume unei anumite piese de conținut atunci când este revizuită și modificată în continuare folosind foi de stil CSS.

title="", alt=""

Două atribute, a căror esență este de a oferi un fel de sursă grafică de exemplu; imagine, descriere. Dar, din moment ce sunt două, descrierea lor este diferită. LA atributul titlului="" este scrisă o descriere care va fi evidențiată atunci când cursorul mouse-ului este plasat peste acest obiect, astfel încât vizitatorul să știe ce este ascuns sub acest obiect. De regulă, este o legătură. Descrierea este scrisă în atributul alt="". acest obiect ceea ce face clar motorului de căutare ce fel de obiect este să intre în baza de date pentru indexare. Această descriere invizibil pentru vizitatorii site-ului, dar vizibil pentru motoarele de căutare.

align="", align=""

Două atribute a căror esență este alinierea unei anumite secțiuni a site-ului orizontal sau vertical. Adică, ei explică clar browserului în ce zonă a site-ului ar trebui să fie localizată aceasta informatie. Atributul align="" aliniază o parte sau tot conținutul pe orizontală. Atributul valign="" aliniază vertical o parte sau tot conținutul.

lățime="", înălțime=""

Două atribute, a căror esență este de a întinde sau reduce un obiect de pe site. În esență, aceste atribute fac deformarea anumitor obiecte de exemplu; mese, în înălțime și lățime, modificându-și astfel dimensiunea.

border=""

Atributul cadru de tabel. Cu acest atribut, puteți face rama mesei vizibilă și invizibilă, precum și să setați grosimea cadrului.

cellpadding="", cellspacing=""

Cele două atribute sunt aceleași ca și în atributul border="", dar cu singura diferență că marginile nu sunt atribuite întregului tabel, ci elementelor sale rând și coloană.

bgcolor=""

Un atribut care specifică culoarea cadrului tabelului.