Aeronautica	Comunicatii	Drept	Informatica	Nutritie	Sociologie
Tehnica mecanica

Html

Qdidactic » stiinta & tehnica » informatica » html
Prezentare HTML

Prezentare HTML

Prezentare HTML

Introducere

Paginile web sunt fisiere obisnuite cu extensia .html Ele contin un cod numit 'hyper text markup language' sau html. Cand acest cod este vizualizat intr-un browser (Internet Explorer, Firefox, Netscape, Safari, etc) el va fi vazut ca si o frumoasa pagina web, oricat de complicat ar fi codul continut de ea.

Pentru a construi o pagina web ai doua optiuni:

a. poti folosi un editor de pagini web ca si Microsoft Front Page, Adobe Dreamweaver, Microsoft Expresion Web. Acesta lucreaza aproape ca si Microsoft Word. Scrii textul, introduce imaginile si salvezi documentul ca si o pagina web.Microsoft Word insusi poate salva documentele ca si pagini web. Dupa cum vezi construcita unei pagini web poate fi foarte usoara. Dar in curand o sa vezi ca aceasta nu este cea mai buna solutie pentru a crea pagini web.

b. a doua optiune este sa inveti codul html si sa creezi paginile web intr-un simplu editor text. Dupa cum am spus, codul va fi vazut ca si o pagina web intr-un web browser.

A doua optiune - de ce?

Daca vrei sa construiesti pagini web profesionale folosirea acestor unelte nu va fi indeajuns. Trebuie sa cunosti codul html. Rezultatul acestor editoare este mare si uneori aranjat haotic.

Mentinerea acestui cod este foarte dificila. Daca vrei sa construiesti pagini web in viitor va trebui sa stii codul html. Daca o sa ai nevoie de formulare in paginile tale web pentru a trimite informatii catre server si sa primesti un rezultat de la el in browser va trebui sa stii codul html. Sunt o groaza de alte motive care ne impun sa invatam codul html pentru a obtine rezultate bune.

Unelte - de care ai nevoie

Vei avea nevoie de un simplu editor text pentru a scrie codul html. De exemplu poti folosi notepad in Windows si orice alt editor in alte sisteme de perare. De asemenea o sa ai nevoie de un browser.

Inceputul

Deschide notepad-ul (start-programs-accesories-notepad) si introdu urmatorul cod:

Exemplu:

<html>

Prima mea pagina internet!

</html>

Acum salveaza pagina ca si pagina1.html. Pentru a vizualiza pagina deschide windows explorer si efectueaza un dublu-click pe fisier. Trebuie sa vezi prima ta pagina internet.

<html> si </html se numesc tag-uri. Primul semnaleaza inceputul paginii si al doilea sfarsitul.

Tag-urile sunt uneori ca si comenzile din limbajele de programare.

<html> - spune browserului ca se afla la inceputul paginii.

</html> - spune browserului ca se afla la sparsitul paginii.

Cod HTML - header

Fiecare pagina web trebuie sa aiba un header. Header-ul contine informatii importante despre pagina. Diferitele tag-uri sunt folosite pentru diferite sectiuni are header-ului. Header-ul unei pagini web este specificat prin tag-urile <head> si </head>.

Exemplu:

<html>

<head>

</head>

</html>

Informatia care trebuie introdusa este prezentata in cele ce urmeaza.

Titlul

Una dintre cele mai importante parti ale header-ului este tiltul. Titlul este textul care apare in bara de titlu a browser-ului. Un asemenea documenta va fi ca acesta:

Exemplu:

<html>

<head>

<title> Titlul paginii</title>

<head>

</html>

Tag-urile <title> si </title> semnaleaza inceputul si sfarsitul titlului paginii.

Corpul paginii - BODY

Acum pagina noastra are nevoie de un 'corp' in care vom introduce continutul paginii. Dupa cum ati ghicit vom folisi tag-urile <BODY> </BODY> Tag-ul body va urma dupa tag-ul </head>. Asa ca pagina va arata cam asa:

Exemplu:

<html>

<head>

<title> Titlul paginii</title>

</head>

<body>

Bine ati venit. Se poate introduce orice text in continuare.

</body>

</html>

Optiunile tag-ului <BODY>

Marea majoritate a tag-urilor pe care le vom invata au parametrii si extensii optionale. Aici vom invata extensii pentru tag-ul <BODY>:

Culoarea de fundal pentru pagini web

Daca vrei poti sa schimbi culoarea fundalului paginii web prin extensia tag-ului <BODY>

Exemplu:

<html>

<head>

<title> Pagina cu fundal colorat</title>

</head>

<body bgcolor='00FF00'>

Pagina cu fundal colorat

</body>

</html>

Aceasta va schimba fundalul paginii in culoarea verde. Formatul numarului culorii este RRGGBB. Fiecare culoare este o cumbinatie a celor trei culori principale: Rosu, Verde si Albastru. In formatul color RR este valoarea componentei rosii in format hexadecimal. GG este valoarea componentei verzi si BB este valoarea componentei albastre. Un numar hexadecimal poate fi de la 00 la FF. Deci daca scriem 00FF00 inseamna rosu=0, verde=255, albastru=0 asa ca rezultatul este culoarea verde pura.

Imaginea de Fundal

Poti folosi o imagine de fundal in locul unei culori de fundal. Trebuie sa ai pregatit un fisier imagine in formatul .gif sau .jpg. Acum trebuie sa extinzi tag-ul <BODY>. 'imagineax' este numele fisierului care vrem sa il folosim ca si imagine de fundal.

Exemplu:

<BODY BACHGROUND='IMAGINEAX.GIF'>

Fisierul imagine trebuie pus in acelasi director ca si fisierul html. Altfel browserul nu va sti sa gaseasca imaginea.

Schimbarea stilului textului

O bucata de text poate fi bold(ingrosat), italic(oblic) sau underlined(subliniat). Pentru a face un text bold, acesta trebuie inclus intre tag-urile si.Pentru a face un text italic, acesta trebuie inclus intre tagurile si . Si pentru ca un text sa fie subliniat acesta trebuie inclus intre tag-urile si .

Exemplu:

<html>

<head>

<title> Titlul Paginii</title>

</head>

<body>

Acest text este ingrosat 

Acest text este italic 

Acest text este subliniat 

Acest text este ingrosat si italic

</body>

</html>

In exemplul de mai sus se poate vedea ca un text poate fi in acelasi timp si bold si italic sau orice alta combinatie.

Se observa tag-ul la sfarsitul fiecarei linii. Daca dati enter dupa fiecare linie si va asteptati sa fie la fel la afisarea paginii veti fi dezamagiti. Toate liniile vor fi continute intr-una singura la afisarea paginii. Pentru a afisa liniile in modul dorit trebuie introdus tag-ul in fiecare loc in care doriti sa incepeti o linie noua. este un tag foarte important, fiind un tag singular, adica nu are un tag de incheiere.

Tag in tag

In sectiunea precedenta am vazut o linie de cod cu tag in tag. Acest text este ingrosat si italic Cand folositi metoda tag in tag fiti siguri ca acestea nu se suprapun.

Schimbarea marimii si tipului fontului

Putem schimba tipul si marimea fontului folosind <font. De asemenea, folosirea acestui tag singur, nu va schimba textul. Trebuie folositi parametrii disponibili acestui tag. Acesti parametrii specifica de ce tip de schimbare este nevoie la fontul textului.

Marimea fontului

Pentru a schimba marimea fontului intr-o parte a textului, acesta trebuie incadrat intre </font, x este marimea fontului. Marimea trebuie sa fie un numar intre 1 si 7. Daca un text este inserat fara specificarea marimii, marimea implicita este 3.

Exemplu:

<html>

<head>

<title> Titlul Paginii</title>

</head>

<body>

Acest font este de marimea 1 

Acest font este de marimea 2 

Acest font este de marimea 3 

Acest font este de marimea 4 

Acest font este de marimea 5 

Acest font este de marimea 6 

Acest font este de marimea 7 

</body>

</html>

Numele fonturilor

Putem folisi un font ca si o parte a unui text specificand numele acestuia.

Exemplu:

<html>

<head>

<title> Titlul Paginii</title>

</head>

<body>

Acest font este Arial 

Acest font este Impact 

</body>

</html>

ATENTIE! Fonturile vor fi afisate doar daca fontul specificat este instalat. Deci aveti grija cand folositi fonturi noi. Este mai bine sa folositi fonturile native din Windows in cadrul paginilor.

Culoarea fonturilor

In lectia precedenta ati invatat cum sa schimbati culoarea de fundal a paginii web. Aici invatati cum sa schimbati culoarea textului. Priviti exemplul:

Exemplu:

<html>

<head>

<title> Titlul Paginii</title>

</head>

<body>

Acest text are culoarea rosi 

Acest text are culoarea verde 

</body>

</html>

In textul de mai sus sunt folosite diferite culori. Puteti chimba culoarea textului prin schimbarea numarului culorii.

Combinarea atributelor fonturilor

In mod evident, putem combina parametrii tag-ului dupa dorinta. In acest mod vom fi in stare sa avem text de diferite culori, nume de fonturi si marimi de fonturi.

Cum vi se pare?

Schimbarea culorilor implicite ale fontului intr-o pagina web

Fiecare browser are setarile sale implicite pentru afisarea culorii textului, culorii legaturilor, legaturile vizitate si culorile legaturilor active. Valoarea implicita a textului este negru.Legaturile de obicei sunt albastre. Pentru a schimba setarile implicite pentru aceste valori trebuie sa folisesti tag-ul <body> cu mai multi parametrii.

<body bgcolor='#FFFFFF' text='#000000 link='0000FF' vlink='#00FF00' alink='F0000'>

Text</body>

BGCOLOR: culoarea de fundal

TEXT: culoarea textului

LINK: culoarea legaturilor

VLINK:legaturi vizitate

ALINK: legaturi active

Proiect: Sistem informational - sistem informatic - sistemele informatice in activitatea economica

Referat: Istoria virusilor - ce este un virus de calculator?

Linii noi, paragrafe

Dupa cum am vazut in lectia anterioara, daca impartim liniile in codul html prin actionarea tastei enter, liniile nu vor fi impartite in browser. Ele vor fi afisate intr-o singura linie in browser. Trebuie sa folosim tagul pentru a face acest lucru. Textul poate fi divizat si folosind paragrafe. Un paragraf incepe pe o linie noua cu o linie de text goala dupa linia precedenta. tag-ul paragrafului este: .

 Primul Paragraf

 Al Doilea Paragraf

Se pot adauga alte taguri in cadrul tag-ului de paragraf pentru fonturi, stil etc. Mai este o alta optiune pentru a formata textul, prin folosirea <pre>. Textul inclus intre <pre> si </pre> fa vi afisat exact cum este scrisin codul sursa. De aceea nu va fi nevoie de tag-ul . Este deajuns sa scrieti textul in linii separate de tasta enter.

Spatiul intre text

Browserul nu va afisa mai mult de un spatiu intre cuvinte chiar daca ati lasat sute de spatii intre ele in sursa html. Daca vreti sa introduceti mai mult de un spatiu intre doua cuvinte va trebui sa folositi un mic cod pentru aceasta: &nbsp

<body>

Aici sunt      5 spatii in plus

<body>

Alinierea paragrafelor in pagina web

Puteti determina alinierea unui paragraf intr-o pagina web. Puteti alinia textul spre stanga, spre drapta sau in centrul paginii. Pentru a specifica aliniamentul unei pagini web trebuie folosit un parametru in plus la tag-ul paragraf.

<html>

<head>

<title>Exemplu aliniere paragraf</title>

</head>

<body>

Text aliniat in stanga

Text aliniat in dreapta

Text centrat

</body>

</html>

Imagini in pagina

In lectia precedenta ati invatat cum sa folositi o imagine ca fundal pentru o pagina. Era <body

background='imagine.gif' </body> Aici vom invata cum sa adaugam o imagine intr-o pagina web. Tag-ul care va fi folosit in acest scop este <img>. De fapt va fi nevoie de cativa parametrii pentru acest tag care specifica locatia fisierului imagine, numele si alti parametrii optionali.

<html>

<head>

<title>Imagini in pagina web</title>

</head>

<body background'imagine.gif'>

Aceasta este o imagine: 

<img src='imagine.jpg'>

</body>

</html>

In acest exemplu am folosit imaginea ca fundal si imaginea de dupa text. Poate ati observat ca acesta este un tag care nu are neaparata nevoie de un tag de sfarsit. Daca vreti sa afisati imaginea intr-o marime diferita decat cea reala, puteti specifica marimea asa:

<html>

<head>

<title> Imagine cu marimea modificata</title>

</head>

<body background='imagine.gif'>

Aceasta este o imagine: 

<img src='imagine.jpg' width=234 height=30>

</body>

</html>

Alinierea si marginile unei imagini

O imagine poate fi aliniata prin includerea ei intr-un paragraf care este aliniat centrat, la stanga sau la dreapta.

<html>

<head>

<title>Alinierea si marginile unei imagini</title>

<body background='imagine.gif'>

Aceasta este o imagine: 

<img src='imagine.jpg'>

</body>

</html>

Se poate adauga o margine unei imagini prim adaugarea parametrului border la tag-ul <img>.

<html>

<head>

<title>Alinierea si marginile unei imagini</title>

<body background='imagine.gif'>

Aceasta este o imagine: 

<img src='imagine.jpg' border=3>

</body>

</html>

Calea spre imagine

In exemplele de mai sus imaginea trebuie sa se alfe in acelasi director in care fisierul html se afla. Daca imaginea folosita se afla in alt director, trebuie adaugata o cale relationala sau un URL complet spre aceasta imagine.

<img src='imagini/imagine.jpg'> Imaginea este in directorul Imagini sub directorul in care se afla fisierul html.

<img src='../imagine.jpg'> Imaginea se afla in directorul parinte al fisierului html.

Crearea unui tabel

Tabelul este un obiect ca si o matrita ca contine alte obiecte cum ar fi text, imagini, butoane, etc. Chiar si cand nu sunt vizibile, tabelele sunt prezente in toate paginile profesionale. Tabele ascunse mentin imaginile si textul la locul lor in toate aceste pagini.

Pentru a crea un tabel vom folosi tag-ul <table>. Vom avea de alte tag-uri pentru a creea randurile si coloanele. Acestea sunt <tr> si <td>. <TR> acest tag este folosit la creerea unui rand intr-un tabel. Datele care von intra intr-un rand vor fi inchise intre tag-urile <TR</TR>.

Urmatorul exemplu va creea un tabel cu doua randuri. Vom avea nevoie de tag-ul <TD> pentru a creea coloane in fiecare rand.

<table>

<tr>

<td>Primul rand</td>

</tr>

<tr>

<td>Al doilea rand</td>

<tr>

</table>

La vizualizarea acestui cod intr-un browser veti avea o surpriza. Nu o sa vedeti nici un tabel, doar doua linii text. De fapt tabelul este prezent dar nu este vizibil. Tag-ul <table> nu va creea nici o margine. Trebuie folosit un alt paramentru pentru a adauga margini tabelului. Puteti specifica latimea marginii pentru un tabel prin adaugarea parametrului border la tag-ul <table>.

<table border=1>

<tr>

<td>Primul rand</td>

</tr>

<tr>

<td>Al doilea rand</td>

<tr>

</table>

Dupa cum ati ghicit, valoarea implicita a parametrului border este 0. Cand nu specificam marimea unui tabel acesta va lua marimea de care este nevoie pentru a afisa textul sau orice alt obiect pe care il contine.

Marimea tabelului

Puteti specifica latimea unui tabel in procente sau pixeli.

<html>

<head>

<title>Marimea Tabelului</title>

</head>

<body>

<table width=50% border=1> (in procente, iar in pixeli se elimita %)

<tr>

<td>Celula rand 1 coloana 1</td>

<td>Celula rand 1 coloana 2</td>

</tr>

<tr>

<td>Celula rand 2coloana 1</td>

<td>Celula rand 2coloana 2</td>

</tr>

</table

</body>

</html>

Poate fi specificata si lungimea(inaltimea) unui tabel. Se va folosi tag-ul <height>.

Alinierea textului in celulele tabelului

Textul introdus intr-o celula dintr-un tabel ca aparea in mod implicit in parte din stanga a tabelului. Optiunile de aranjare a textului sunt adaugate tag-ului <td>.

<td align=center>

<td align=left>

<td align=right>

Se poate determina si aliniamentul vertical al textului.

<td valign=bottom>

<td valign=top>

<td valign=middle> - setarea implicita

Imaginile in tabele

In scurt timp va trebui sa introduceti imagini in tabele. Puteti insera imagini in celulele unui tabel prin inserarea tag-ului <img> intre tag-urile <td></td>.

<html>

<head>

<title>Imagini in tabele</title>

</head>

<body>

<table border=3>

<tr>

<td><img src='imagine.jpg></td>

</tr>

</table>

</body>

</html>

Latimea celulelor (latimea coloanelor)

<html>

<head>

<title>Tabel: Latimea coloanelor nu e specificata</title>

</head>

<body>

<table width=400 height=100 border=3>

<tr>

<td>Sus Stanga</td>

<td>Sus Dreapta</td>

</tr>

<tr>

<td>Jos Stanga</td>

<td>Jos Dreapta</td>

</tr>

</table>

</body>

</html>

In tabelul de mai sus nu am determinat marimea celor doua celule din primul rand. In acest fel nu vom putea sa spunem care din aceste celule va fi afisata diferit pe diferite browsere si la rezolutii diferite. Se poate determina latimea fiecarei coloane din tabel prin secificarea latimii celulelor din primul rand. Aveti doar grija la corectitudinea marimii specificate. De exemplu daca tabelul are latimea de 200 pixeli, suma latimii celulelor trebuie sa fie exact 200.

<html>

<head>

<title>Taleb: Latimea celulelor specificata</title>

</head>

<body>

<table width=400 height=100 border=3>

<tr>

<td width=140> Sus Stanga</td>

<td width=260>Sus Dreapta</td>

</tr>

<tr>

<td>Jos Stanga</td>

<td>Jos Dreapta</td>

</tr>

</table>

</body>

</html>

Latimea celulelor poate fi determinata si in procente. Suma procentelor celulelor trebuie sa fie 100%. Pentru a face acest lucru, trebuie doar inlocuita marimea in pixeli cu cea in procente.

<td width=35%> Sus Stanga</td>

<td width=65%>Sus Dreapta</td>

Cand se determina marimea celulelor din primul rand nu e nevoie sa determinati marimile pentru al doilea rand. Daca vreti ca o celula sa fie goala, nu puteti omite definirea acelei celule. Inserati tag-urile pentru celula si introduceti &nbsp intre <td></td>. Trebuie introdus macar un spatiu sub aceasta forma daca e nevoie de o celula goala. Altfel aria acelei celule nu va aparea ca o celula goala.

<html>

<head>

<title>Tabel: Celula Goala</title>

</head>

<body>

<table width=400 height=100 border=3>

<tr>

<td width=140>Sus Stanga</td>

<td width=260> </td>

</tr>

<tr>

<td> </td>

<td>Jos Dreapta</td>

</tr>

</table>

</body>

</html>

In exemplul de mai sus avem doua celule dar dupa cum a spus am specificat marimea celulelor si tabelului, de aceea tabelul nu isi va modifica forma. Daca se scot marimile, nu garantam cum va fi afisat pe diferite browsere si moduri grafice. Pentru aceste motive sugerez determinarea marimii in fiecare tabel folosit. Folosirea marimilor fixe nu este o idee ata de buna. Folositi marimile procentuale in locul marimilor fixe.

Padding-ul celulelor

Se mai pot specifica inca doi parametrii importanti pentru marimile pentru tabele. Padding-ul este spatiul

dintre marginile(ramele) celulelor si continutul tabelelor cum ar fi text, imagini,etc.

<html>

<head>

<title> Cell Padding</title>

</head>

<body>

Cellpadding effect: 

<table border=3 cellpagging=20>

<tr>

<td>Sus Stanga</td>

<td>Sus Dreapta</td>

</tr>

<tr>

<td>Jos Stanga</td>

<td>Jos Dreapta</td>

</tr>

< /table>

</body>

</html>

Valoarea implicita pentru aceasta optiune este 1. Inseamna ca, continutul unei celule va avea o distanta de un pixel fata de margini. Daca nu doriti nici un spatiu intre obiectul din interiorul celulei si margini puteti introduce valoarea 0 pentru aceasta optiune.

Spacing-ul celulelor

Parametrul spacing al celulelor determina spatiul dintre partile interioare si exterioare ale tabelului. De fapt un tabel este construit din doua margini. O parte a marginii si o parte a celulei. Spatiul existent intre cele doua parti se numeste cell spacing. Daca mariti valoarea veti obtine o margine groasa. Valoarea implicita este 2. Daca este specificata valoarea 0, va apare o margine foarte subtire.

<html>

<head>

<title>Cell Spacing-ul</title>

</head>

<body>

Efectul de Cell Spacing: 

<table border=3 cellspacing=10>

<tr>

<td>Sus Stanga</td>

<td>Sus Dreapta</td>

</tr>

<tr>

<td>Jos Stanga</td>

<td>Jos Dreapta</td>

</tr>

</table>

</body>

</html>

Cell spacing-ul si cell padding-ul pot fi amestecate pentru a obtine efectul dorit.

Exemplu practic (CV-ul meu)

<head>

<title>CV-ul meu</title> 

</head>

<body>

<table width='100%' border='0' cellpadding='0' cellspacing='0'>

<tr>

<td width='30%'><img src='poza.jpg' width='120' height='150' /></td>

<td width='70%'> </td>

</tr>

<tr>

<td>Informatii personale</td>

<td> </td>

</tr>

<tr>

<td>Prenume/Nume 

Adresa 

Telefon 

Fax 

E-mail 

Cetatenia 

Data nasterii 

Sex 

Starea civila

</td>

<td>Prenume Nume 

Str. 

+40 0744 12.34.56 

+40 0269 12.34.56 

prenume.nume@email.ro 

Romana 

01/01/1990 

Feminin/Masculin 

Casatorit(a)/Necasatorit(a)

</td>

</tr>

<tr>

<td colspan='2'> </td>

</tr>

<tr>

<td>Experienta profesionala</td>

<td> </td>

</tr>

<tr>

<td>2007 - prezent</td>

<td> - locul 2 de munca </td>

</tr>

<tr>

<td>2006 - 2007</td>

<td>- locul 1 de munca </td>

</tr>

<tr>

<td colspan='2'> </td>

</tr>

<tr>

<td>Educatie si formare</td>

<td> </td>

</tr>

<tr>

<td>2008 - prezent</td>

<td>- student(a) </td>

</tr>

<tr>

<td>2004 - 2008</td>

<td>- liceul </td>

</tr>

<tr>

<td colspan='2'> </td>

</tr>

<tr>

<td>Aptitudini si competente personale</td>

<td> </td>

</tr>

<tr>

<td colspan='2'> </td>

</tr>

<tr>

<td>Competente si abilitati sociale</td>

<td> </td>

</tr>

<tr>

<td colspan='2'> </td>

</tr>

<tr>

<td>Competente si aptitudini tehnice</td>

<td> </td>

</tr>

<tr>

<td>Limba materna</td>

<td> Romana </td>

</tr>

<tr>

<td>Limbi straine cunoscute</td>

<td> </td>

</tr>

<tr>

<td>Autoevaluare 

Nivel European</td>

<td><table width='100%' border='1' bordercolor='#000000' cellpadding='0' cellspacing='0'>

<tr>

<td colspan='2' align='center'>Comprehensiune</td>

<td colspan='2' align='center'>Vorbit</td>

<td width='17%' align='center'>Scris</td>

</tr>

<tr>

<td width='23%' align='center'>Abilitati de ascultare</td>

<td width='21%' align='center'>Abilitati de citire</td>

<td width='20%' align='center'>Interactiune</td>

<td width='19%' align='center'>Exprimare</td>

<td align='center'> </td>

</tr>

</table></td>

</tr>

<tr>

<td>Engleza</td>

<td><table width='100%' border='1' cellpadding='0' cellspacing='0'>

<tr>

<td width='20%' align='center'>5 Foarte bine</td>

<td width='20%' align='center'>4 Bine</td>

</tr>

</table></td>

</tr>

<tr>

<td>Germana</td>

<td><table width='100%' border='1' cellpadding='0' cellspacing='0'>

<tr>

<td width='20%' align='center'>4 Bine</td>

<td width='20%' align='center'>3 Satisfacator</td>

<td width='20%' align='center'>4 Foarte bine</td>

<td width='20%' align='center'>3 Satisfacator</td>

</tr>

</table></td>

</tr>

<tr>

<td>Franceza</td>

<td><table width='100%' border='1' cellpadding='0' cellspacing='0'>

<tr>

<td width='20%' align='center'>3 Satisfacator</td>

<td width='20%' align='center'>2 Incepator</td>

</tr>

</table></td>

</tr>

<tr>

<td colspan='2'> </td>

</tr>

<tr>

<td>Permis de conducere</td>

<td> Categoria </td>

</tr>

<tr>

<td>Alte competente si aptitudini</td>

<td>Flexibilitate, adaptare rapida la mediul de lucru profesional, spirit organizatoric </td>

</tr>

<tr>

<td colspan='2'> </td>

</tr>

<tr>

<td>Informatii suplimentare</td>

<td>Eventual Hobby-uri sau de unde se pot obține mai multe informații despre tine</td>

</tr>

<tr>

<td colspan='2'> </td>

</tr>

<tr>

<td>Anexe</td>

<td>Scrisori de recomandare Scrisoare de intenție</td>

</tr> </table> </body> </html>

Contact \|- ia legatura cu noi -\|
Adauga document \|- pune-ti documente online -\|
Termeni & conditii de utilizare \|- politica de cookies si de confidentialitate -\|
Copyright © \|- 2024 - Toate drepturile rezervate -\|