Vă permite să ocoliți această funcție și să afișați textul așa cum este cerut de dezvoltator.

— definește un paragraf de text.  Etichetă 
Este un element bloc, începe întotdeauna pe o linie nouă, paragrafele de text care urmează unul după altul sunt separate printr-un spațiu între ele.  Cantitatea de umplutură poate fi controlată folosind stiluri.  Dacă nu există etichetă de închidere, sfârșitul paragrafului este considerat începutul următorului element de bloc.
..
..

- HTML oferă șase titluri de niveluri diferite, care arată importanța relativă a secțiunii situate după titlu.  da, eticheta 
reprezintă cel mai important titlu de prim nivel și eticheta 
servește la desemnarea unui titlu de nivelul șase și este cel mai puțin semnificativ.  În mod implicit, titlul de primul nivel este afișat cu cel mai mare font aldine, titlurile de nivelul următor sunt mai mici.  Etichete 
,…,
sunt elemente la nivel de bloc, ele încep întotdeauna pe o linie nouă, iar după ele apar alte elemente pe linia următoare.  În plus, se adaugă un spațiu liber înainte și după titlu.  Eticheta are atributul alinia, care specifică alinierea antetului, poate lua valorile stânga- alinierea la stânga a titlului centru- alinierea la centru dreapta- alinierea la dreapta justifica— alinierea în lățime (simultan pe marginile din dreapta și din stânga).  Această valoare funcționează numai pentru un antet care are mai mult de o linie.


- este un container pentru modificarea caracteristicilor fontului, cum ar fi dimensiunea, culoarea și fontul.  Deși această etichetă este încă acceptată de toate browserele, este depreciată și ar trebui să fie depreciată în favoarea stilurilor.  Eticheta are 3 atribute: culoare- setează culoarea textului, față- definește fontul, mărimea— setează dimensiunea fontului în unități convenționale.

- marchează textul ca un citat sau o notă de subsol la alt material.  Această selecție este utilă pentru schimbarea stilului textului prin CSS și este, de asemenea, folosită pentru a separa codul HTML în elemente structurale.  Browserele setează de obicei textul în interiorul containerului cu caractere inclinate.

- indică faptul că secvența de caractere este o abreviere.  Cu un atribut titlu se oferă o transcriere a abrevierii, care permite abrevierea să fie înțeleasă de către acele persoane care nu sunt familiarizate cu ea.  În plus, motoarele de căutare indexează versiunea full-text a abrevierei, care poate fi folosită pentru a crește clasamentul documentului.
În mod implicit, textul inclus în container subliniat cu o linie punctată.
Mai jos este codul în care am folosit toate aceste etichete:

 




HTMLși css sunt două dintre tehnologiile de bază pentru construirea de pagini Web.  HTML oferă structura paginii, css aspectul (vizual și sonor), pentru o varietate de dispozitive.  Alături de grafică și scripting, HTML și CSS sunt baza construirii paginilor web și aplicațiilor web.  Aflați mai multe mai jos despre:
Ce este HTML?
 HTML este limbajul de descriere a structurii paginilor Web.  HTML le oferă autorilor mijloacele de a:

Publicați documente online cu titluri, text, tabele, liste, fotografii etc. 
Preluați informații online prin link-uri hipertext, cu un clic pe un buton. 
Proiectați formulare pentru efectuarea tranzacțiilor cu servicii la distanță, pentru utilizare în căutarea de informații, efectuarea rezervărilor, comandarea produselor etc. 
Includeți foi de calcul, clipuri video, clipuri audio și alte aplicații direct în documentele lor. 

 Cu HTML, autorii descriu structura paginilor folosind markup.  Elementele limbii etichetează piese de conținut, cum ar fi „paragraf”, „listă”, „tabel” și așa mai departe.
Ce este XHTML?
XHTML este un varianta HTML care utilizează sintaxa XML, Extensible Markup Language.  XHTML are toate aceleași elemente (pentru paragrafe etc.) ca și varianta HTML, dar sintaxa este ușor diferită.  Deoarece XHTML este o aplicație XML, puteți utiliza alte XML unelte cu acesta (cum ar fi XSLT, un limbaj pentru transformarea conținutului XML).
Ce este CSS?
CSS este limbajul de descriere a prezentării paginilor Web, inclusiv culorile, aspectul și fonturile.  Permite adaptarea prezentării la diferite tipuri de dispozitive, cum ar fi ecrane mari, ecrane mici sau imprimante. css este independent de HTML și poate fi folosit cu orice marcare bazată pe XML limba limba.  Separarea HTML de CSS facilitează întreținerea site-urilor, partajarea foilor de stil între pagini și adaptarea paginilor la diferite medii.  Aceasta este denumită separarea structurii (sau: conținutului) de prezentare.
Ce este fonturile web?
fonturi web este o tehnologie care permite oamenilor să folosească fonturi la cerere pe Web fără a necesita instalare în sistemul de operare.  W3C are experiență în fonturi descărcabile prin intermediul HTML, CSS2 și SVG.  Până de curând, fonturile descărcabile nu erau comune pe Web din cauza lipsei unui format de font interoperabil.  Efortul WebFonts intenționează să rezolve acest lucru prin crearea unui format de font deschis, susținut de industrie pentru Web (numit „WOFF”).


Prelegerea s-a încheiat, sper că cunoștințele dobândite vă vor fi de folos!  În următoarea prelegere, vă voi spune despre ce stochează eticheta în sine. , aflați cum să efectuați tot felul de manipulări cu imagini și familiarizați-vă cu tabelele.
La scrierea acestui articol, descrierea unor etichete a fost preluată de aici
html ( H yper t ext M arkup L limbaj) este codul care este folosit pentru a structura o pagină web și conținutul acesteia.  De exemplu, conținutul ar putea fi structurat într-un set de paragrafe, o listă de puncte cu marcatori sau folosind imagini și tabele de date.  După cum sugerează și titlul, acest articol vă va oferi o înțelegere de bază a HTML și a funcțiilor acestuia.
Deci, ce este HTML?
HTML nu este un limbaj de programare;  este un limbaj de marcare care definește structura conținutului dvs.  HTML constă dintr-o serie de elemente, pe care îl folosiți pentru a include sau a încheia diferite părți ale conținutului pentru a face să apară într-un anumit fel sau să acționeze într-un anumit fel.  Anexarea pentru paragraf.  Rețineți că numele etichetei de sfârșit este precedat de un caracter slash>", și că în elementele goale eticheta de sfârșit nu este nici necesară, nici permisă.  Dacă atributele nu sunt menționate, valorile implicite sunt utilizate în fiecare caz.">etichetele pot face un cuvânt sau o imagine hyperlink către altundeva, pot pune cuvinte în cursive, pot face fontul mai mare sau mai mic și așa mai departe. De exemplu, luați următoarea linie de conținut:
Pisica mea este foarte morocănosă
Dacă am dori ca linia să stea de la sine, am putea specifica că este un paragraf prin includerea lui în etichete de paragraf:

 
Pisica mea este foarte morocănosă
Anatomia unui element HTML
Să explorăm puțin mai departe acest element de paragraf.
Principalele părți ale elementului nostru sunt următoarele:
Eticheta de deschidere: Acesta constă din numele elementului (în acest caz, p), învelit în deschidere și închidere paranteze unghiulare.  Aceasta afirmă unde începe sau începe să intre în vigoare elementul - în acest caz, unde începe paragraful.
 
Eticheta de închidere: Aceasta este aceeași cu eticheta de deschidere, cu excepția faptului că include a slash înainteînainte de numele elementului.  Aceasta afirmă unde se termină elementul - în acest caz unde se termină paragraful.  Eșecul în adăugarea unei etichete de închidere este una dintre erorile standard pentru începători și poate duce la rezultate ciudate.
 
Continutul: Acesta este conținutul elementului, care în acest caz este doar text.
 
element: Eticheta de deschidere, eticheta de închidere și conținutul împreună cuprind elementul.
Elementele pot avea, de asemenea, atribute care arată astfel:
Atributele conțin informații suplimentare despre elementul pe care nu doriți să apară în conținutul real. Aici, clasa este atributul Nume iar editor-notă este atributul valoare.  Atributul de clasă vă permite să dați elementului un identificator care poate fi folosit ulterior pentru a viza elementul cu informații despre stil și alte lucruri.
Un atribut trebuie să aibă întotdeauna următoarele:
Un spațiu între acesta și numele elementului (sau anteriorul atribut, dacă elementul are deja unul sau mai multe atribute).
 
Numele atributului urmat de un semn egal.
 
Valoarea atributului înfășurată prin ghilimele de deschidere și de închidere.
Notă: valori ale atributelor simple care nu conțin spații albe ASCII (sau oricare dintre caracterele " " ` =< >) poate rămâne necotat, dar este recomandat să citați toate valorile atributelor, deoarece face codul mai consistent și mai ușor de înțeles.
elemente de cuibărit
Puteți pune elemente și în interiorul altor elemente - asta se numește cuibărit.  Dacă am fi vrut să afirmăm că pisica noastră este foarte morocănos, am putea îngloba cuvântul „foarte” într-un ) indică faptul că conținutul său are o importanță, seriozitate sau urgență puternică.  Browserele redau de obicei conținutul cu caractere aldine."> element, ceea ce înseamnă că cuvântul trebuie subliniat puternic:

 
Pisica mea este foarte morocănos.

Cu toate acestea, trebuie să vă asigurați că elementele dvs. sunt imbricate corect.  În exemplul de mai sus, am deschis elementul reprezintă un paragraf."> 
mai întâi elementul, apoi ) indică faptul că conținutul său are o importanță puternică, seriozitate sau urgență.  Browserele redau de obicei conținutul cu caractere aldine."> element;  prin urmare, trebuie să închidem ) indică faptul că conținutul său are o importanță puternică, seriozitate sau urgență.  Browserele redau de obicei conținutul cu caractere aldine."> mai întâi elementul, apoi elementul reprezintă un paragraf."> 
element.  Următoarele sunt incorecte:

 
Pisica mea este foarte morocănos.
Elementele trebuie să se deschidă și să se închidă corect, astfel încât să fie clar unul în interiorul sau în exteriorul celuilalt.  Dacă se suprapun așa cum se arată mai sus, atunci browserul dvs. web va încerca să ghicească cea mai bună a ceea ce încercați să spuneți, ceea ce poate duce la rezultate neașteptate.  Deci nu o face!
elemente goale
Unele elemente nu au conținut și sunt numite elemente goale.  Ia elementul încorporează o imagine în document."> element pe care îl avem deja în pagina noastră HTML:

 
Acesta conține două atribute, dar nu există închidere etichetă și fără conținut interior.  Acest lucru se datorează faptului că un element de imagine nu împachetează conținutul pentru a-l afecta. Scopul său este de a încorpora o imagine în pagina HTML în locul în care apare.
Anatomia unui document HTML
Aceasta cuprinde elementele de bază ale elementelor HTML individuale, dar acestea nu sunt la îndemână singure. Acum ne vom uita la modul în care elementele individuale sunt combinate pentru a forma o întreagă pagină HTML.  Să revedem codul pe care l-am introdus în exemplul nostru index.html (pe care l-am întâlnit prima dată în articolul Tratarea fișierelor):

 

 
 
 
 
 
 
 

Aici, avem următoarele:
- doctype.  Este necesar un preambul.  În negura vremurilor, când HTML era tânăr (în jurul anilor 1991/92), doctypes erau menite să acționeze ca legături către un set de reguli pe care pagina HTML trebuia să le respecte pentru a fi considerată HTML bun, ceea ce putea însemna verificarea automată a erorilor și alte lucruri folositoare.  Cu toate acestea, în zilele noastre, ele nu fac mare lucru și, practic, sunt necesare doar pentru a vă asigura că documentul dvs. se comportă corect. Asta este tot ce trebuie să știți pentru moment.
 
- elementul reprezintă rădăcina (elementul de nivel superior) a unui document HTML, deci este denumit și element rădăcină.  Toate celelalte elemente trebuie să fie descendente ale acestui element."> element.  Acest element include tot conținutul de pe întreaga pagină și este uneori cunoscut ca element rădăcină.
 
- elementul conține informații (metadate) care pot fi citite de mașină despre document, cum ar fi titlul, scripturile și foile de stil."> element.  Acest element acționează ca a recipient pentru toate lucrurile pe care doriți să le includeți pe pagina HTML care nu este conținutul pe care îl afișați vizitatorilor paginii dvs. Aceasta include lucruri precum cuvinte cheie și o descriere a paginii pe care doriți să apară în rezultatele căutării, CSS pentru a stila conținutul nostru, declarații de seturi de caractere și multe altele.
 
- Acest element setează setul de caractere pe care documentul trebuie să îl folosească la UTF-8, care include majoritatea caracterelor din marea majoritate a limbilor scrise.  În esență, acum poate gestiona orice conținut textual pe care l-ați putea pune pe el.  Nu există niciun motiv pentru a nu seta acest lucru și poate ajuta la evitarea unor probleme mai târziu.
 
- ) definește documentele care sunt afișate într-o bară de browser sau filă de pagină.> , unde conținutul este în loc de puncte.  Primul arată unde începe eticheta, iar al doilea o închide.  Pot exista și alte elemente de marcare a paginii în interior, acestea pot fi imbricate unul în celălalt ca o păpușă de cuib.  Este important să închideți etichetele în timp util, astfel încât pagina să fie afișată corect.
Există, de asemenea, etichete unice care nu trebuie să fie închise.  În ele, conținutul este în interior, așa cum poate fi scris pentru majoritatea etichetelor HTML și setează proprietățile elementului.  Este indicat în eticheta de deschidere și arată cam așa: atribut = "...", unde în loc de puncte există o valoare de atribut.  Cunoașterea etichetelor este primul și cel mai important pas în stăpânirea HTML-ului.  Elementele de bază ale acestei arte implică și înțelegerea structurii unei pagini web.
Structura documentului
Fiecare document HTML are o extensie corespunzătoare, cum ar fi Index.html.  Astfel, browserul poate înțelege cu ce are de-a face și poate afișa pagina corect.  Este recomandabil să stocați toate fișierele folosite pentru a crea site-ul într-un singur director, ceea ce vă va facilita foarte mult viața în viitor.  Elementele de bază ale limbajului de marcare hipertext HTML necesită o înțelegere clară a structurii unui document.  Începe cu eticheta, care spune browserului versiunea de HTML care este utilizată în acest document.  Pe acest moment a cincea versiune a limbii este relevantă, deci nu este nevoie să inventați nimic aici, puteți introduce în siguranță eticheta de mai sus la începutul oricărei pagini.
Apoi vin principalele structuri pereche care alcătuiesc „scheletul” sitului.  Prima etichetă în care toate celelalte sunt imbricate − ....  Orice lucru din afara acestuia nu este recunoscut ca pagină web de către browser, așa că deschide documentul și îl închide.  Această etichetă este necesară pentru orice document.  Conține, de asemenea, câteva etichete 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 reprezintă totuși o parte importantă a documentului HTML.  În acest loc sunt puse bazele site-ului, aici se selectează codificarea și se introduce numele paginii.  Este conținut într-o etichetă obligatorie .  Numele este afișat în partea de sus a browserului, unde puteți plasa și o mică pictogramă care caracterizează conținutul paginii.  Este recomandabil să specificați imediat codificarea documentului pentru afișarea corectă a acestuia.  Acest lucru se poate face cu eticheta .  Metaetichetele oferă informații despre structura paginii și sunt de obicei situate în interiorul capului.
Legătură
Cunoașterea elementelor de bază ale HTML implică și utilizarea stilurilor în cascadă sau css.  Acestea stabilesc proprietățile elementelor care vor fi afișate pe pagină.  Abordarea modernă a acestei sarcini implică eliminarea unor caracteristici precum culoarea, înălțimea și locația elementului într-un fișier extern pentru o mai mare comoditate.  Eticheta este folosită pentru a conecta fișierul CSS .  Când este terminat, arată astfel: , unde href indică locația fișierului și tipul indică tipul acestuia.
Corp
În această parte a documentului HTML este creată partea vizibilă a paginii.  Tot ceea ce se face în interiorul „corpului” va fi afișat de browser.  V sunt folosite un număr mare de etichete HTML.  Elementele de bază sunt formatarea textului, lucrul cu link-uri și 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:
- folosit pentru a selecta un subșir care va fi supus unui stil special descris în css;
- creează un link pe o pagină web;  adresa de salt este setată de atributul href;
- una dintre cele mai populare etichete ale timpului nostru;  toți cei care decid să învețe elementele de bază ale limbajului HTMLl ar trebui să îi acorde o atenție deosebită, deoarece acesta este un element bloc, pe baza căruia se realizează cea mai mare parte a site-urilor moderne (parametri pentru blocuri 
sunt setate în css, iar alte blocuri pot fi plasate în interiorul acestei etichete);
Selectează un paragraf din text;  conținutul paragrafului se află între etichetele de deschidere și de închidere;
- listă numerotată, ale cărei elemente sunt incluse într-o etichetă pereche 
- o listă cu marcatori, în care, ca într-o listă numerotată, elementele sunt indicate printr-o etichetă 
-
- titlurile documentelor (numărul indică nivelul titlului, adică 
- titlul principal și opțiunile ulterioare sunt subtitlurile sale, de altfel, titlurile de nivel 
, 
aproape imposibil de găsit pe Internet), este, de asemenea, important de reținut că nu poate exista decât un singur titlu pe pagină 
;
- miniatură;
- cursive;
- inserarea unei imagini pe o pagină web (aceasta este o singură etichetă, nu are nevoie de etichetă de închidere, dar trebuie să conțină atributul alt, care specifică textul pentru imagine);

Acestea nu sunt toate etichetele de care aveți nevoie pentru a vă crea propria pagină web, dar sunt suficiente pentru a pune bazele HTML pentru începători.
css
Dezvoltarea limbajului HTML a dus la faptul că fiecare etichetă a dobândit o masă de atribute, iar cerințele pentru apariția paginilor web au crescut semnificativ.  Codul a devenit greoi și incomod, a fost greu de citit, darămite de a-l adapta sau schimba.  În plus, dacă ai zece pagini pe site-ul tău care au o mulțime de titluri marcate cu verde și vrei dintr-o dată să le faci roșii, atunci trebuie să te străduiești să le schimbi manual pe fiecare.  Odată cu apariția foilor de stil în 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 astăzi nu există nimic de făcut în acest domeniu fără cunoștințe despre foile de stil în cascadă.  Acestea stabilesc atribute pentru orice element care se aplică întregului document.  Astfel, puteți seta culoarea pentru toate elementele simultan 
Sau scriind o singură regulă.  Având în vedere cerințele moderne pentru apariția paginilor web, utilizarea foilor de stil în cascadă este obligatorie.
Pentru a lega un fișier CSS la un document, există o etichetă de legătură.  Principiul utilizării sale a fost descris puțin mai sus, dar nu este singura opțiune pentru combinarea tuturor stilurilor într-un singur loc.  Există o altă etichetă');  var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) ( return ' url(\'' + dir_path + '/' + str.replace) (/url\(\'/gi, '').replace(/^\s+|\s+$/gm, ''); )); splited_css += ""; ) var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) ( td_theme_css.after(splited_css); ) ) )); ) ))();
    
    

        
 Editați cu CSS live