Sunteți pe pagina 1din 3

Rezumatul modulului

×
Structura documentului HTML
Introducere în HTML

 HTML este prescurtarea care reprezintă acronimul conceptului de Hypertext Markup


Language.
 HTML este limbajul descriptiv de bază pentru crearea documentelor HTML.
 Limbajul HTML este folosit pentru a se defini structura unui document HTML.
 Blocurile principale de construire a limbajului HTML sunt tagurile şi elementele.
 HTML cunoaşte tagurile de deschidere, de închidere și cu autoînchidere.
 Elementul HTML este format din taguri și conținut, dacă elementul are conținut.
 Fiecare element HTML poate conține atribute care definesc informații suplimentare despre
elementele HTML.
 Structura de bază a paginilor HTML o reprezintă elementele <html>, <body> şi <head>
 Declarația DOCTYPE definește versiunea limbajului, care se utilizează pentru crearea
documentului.
 HTML5 este standardul recomandat pentru crearea documentelor HTML.

Textul în HTML

 Baza fiecărui document HTML este textul care poate apărea în forme diferite într-un
document.
 Limbajul HTML recunoaște șase niveluri de titluri, care sunt create folosind elemente: h1,
h2, h3, h4, h5 și h6.
 În documentele HTML, paragrafele sunt create prin plasarea textului între tagul de
deschidere<p> şi cel de închidere </p>
 Limbajul HTML cunoaște elemente speciale pentru definirea textului folosind diferite
formatări.
 Dacă este nevoie să se treacă la un rând nou, se poate utiliza tagul <br>.
 HTML nu tratează blancurile multiple ca şi tranziţii în rând nou.
 Entitățile HTML permit să se înscrie pe pagină caractere rezervate și speciale.
 Limbajul HTML permite crearea listelor ordonate, neordonate și de definiţii.
 HTML permite crearea tabelelor; fiecare tabel este format din celule aranjate pe rânduri;
tagul de bază pentru crearea unui tabel HTML este <table>, iar tagurile pentru crearea
celulelor şi a rândurilor sunt <td> şi <tr>.

Linkurile

 URL-ul este adresa unei resurse care poate fi accesată prin rețea.
 O adresă URL absolută este adresa completă până la resursă.
 Adresa relativă URL este adresa care se bazează pe o altă adresă.
 Linkurile sau hyperlinkurile (eng. hyperlinks) în documentele HTML permit conectarea și
trecerea de pe o pagină pe alta, cât și conectarea fișierelor adreselor e-mail...
 Linkurile pot indica o resursă definită cu o adresă URL absolută sau relativă.
 Linkul URL este definit ca valoarea atributului href, în timp ce textul linkului, cel care este
vizibil pe pagină, se defineşte între tagul de deschidere și tagul de închidere<a> a
elementului.
 Atributul target defineşte unde se va deschide o pagina conectată.

Formularele

 Formulare reprezintă instrumentul pentru colectarea informațiilor de la vizitatorii site-ului.


 Datele colectate ale formularelor sunt transmise scriptului care efectuează procesarea
acestor date.
 Formularul HTML este creat folosind elementul form.
 Elementul form poate conține atribute care determină modul de funcționare a acestuia.
 Atributul action definește cui vor fi transmise datele formularului.
 Atributul method definește modul în care vor fi transmise datele.
 Elementul input este elementul cel mai important al formularului și poate apărea în mai
multe variante diferite, și asta în funcție de valoarea atributului său type.
 Introducerea unui text simplu în cadrul unui formular se realizează prin utilizarea
elementului input cu o valoare type a atributului text.
 Introducerea unui text cu mai multe rânduri în cadrul formularului se realizează utilizând
elementul textarea.
 Transmiterea datelor formularului se realizează prin utilizarea elementului input de tip
submit.

Antetul documentului HTML

 Sursele fiecărui document HTML reprezintă elementul html.


 Elementul head este elementul rădăcină pentru toate datele antetului unui document
HTML.
 Elementul head începe cu tagul <head> şi se termină cu tagul </head>.
 Elementul head nu este necesar să fie definit pentru ca pagina să fie validă.
 Elementul title este un element obligatoriu al fiecărui document HTML care definește
numele documentului HTML.
 Elementul style se utilizează pentru a defini stilizarea CSS pentru documentul HTML
curent.
 Elementul base definește o adresă de bază pentru toate adresele relative din cadrul
documentului HTML.
 Elementul link definește legătura cu documentul extern sau cu resursa.
 Elementul meta se foloseşte pentru definirea metadatelor despre documentul HTML.
 Elementul script se foloseşte pentru definirea scripturilor pe pagina client.
 Elementul noscript se foloseşte pentru a defini un conținut alternativ care urmează să fie
afișat utilizatorilor în ale căror browsere sunt dezactivate sau nu sunt acceptate scripturile.

Multimedia în documentele HTML

 Fotografiile, graficele, diagramele, iconiţele și altele asemenea sunt o parte indispensabilă


a documentelor HTML de astăzi, în special pe web.
 In cadrul documentului HTML, în general sunt utilizate formatele JPG, GIF şi PNG.
 Pentru adăugarea imaginii pe un document HTML, se utilizează elementul img.
 HTML5 suportă redarea a trei formate audio: Mp3, Wav şi Ogg.
 Pentru adăugarea sunetului pe un document HTML, se utilizează elementul audio.
 În cadrul documentului HTML, este posibil să se redea fișierele video în trei formate
diferite: MP4, WebM, Ogg.
 Redarea fișierelor video în cadrul documentului HTML se poate face folosind elementul
video.

Grafica 2D

 Pentru afişarea graficii 2D în interiorul documentului HMTL se utilizează tehnologiile SVG


şi Canvas.
 SVG este un acronim pentru termenul Scalable Vector Graphics, care este în esență un
limbaj descriptiv bazat pe XML, care se utilizează pentru crearea graficii 2D.
 Elementul HTML care se utilizează pentru a desena grafica SVG este svg.
 SVG cunoaște câteva forme care se pot desena în interiorul elementului svg.
 Elementul SVG rect se foloseşte pentru desenarea dreptunghiului.
 Elementul SVG circle se foloseşte pentru desenarea cercului.
 Elementul SVG pentru desenarea elipsei este ellipse.
 Pentru crearea liniei drepte în SVG, se foloseşte elementul line.
 Pentru crearea liniei întrerupte în SVG, se foloseşte elementul polyline.
 Poligoanele SVG se desenează cu ajutorul elementului polygon.
 Calea este forma cea mai generală și cea mai puternică a sistemului SVG. Cu ajutorul ei,
este posibil să se deseneze aproape toate formele, de la dreptunghi, cercuri și elipse, până
la liniile întrerupte și poligoane.
 Elementul Canvas se utilizează pentru desenarea programabilă a graficii cu ajutorul
JavaScript.
 Canvas se creează folosind elementul <canvas>.

Gruparea elementelor

 Aranjamentul elementelor HTML pe pagină se mai numeşte altfel şi layout.


 Pentru aranjamentul şi gruparea elementelor HTML se folosesc diferite elemente
HTML care se numesc altfel, containere.
 Unul dintre cel mai frecvent utilizate elemente care sunt folosite pentru aranjare
este elementul div.
 Versiunea limbajului HTML5, pe lângă elementul div de bază pentru aranjamentul
elementelor de pe pagină, introduce şi câteva elemente diferite ale containerului cu un
înțeles semantic specific.
 Elementul section defineşte secţiunea documentului.
 Elementul article reprezintă un articol independent în cadrul documentului.
 Elementul aside reprezintă conţinut pe lângă conţinutul principal.
 Elementul figure reprezintă ilustraţii, imagine sau diagramă, iar elementul figcaption
titlu pentru elementul figure.
 Elementul footer defineşte partea de jos (subsolul) a paginii sau unele din secţiunile ei.
 Elementul header defineşte antetul paginii sau unele dintre secţiunile lui.
 Elementul nav este container pentru linkuri de navigare.
 Elementul progress defineşte un indicator de finalizare a lucrului.

S-ar putea să vă placă și