Lab 1

Aplicatii practice - 2
Limbajul HTML – Tabele. Imagini
1) Probleme rezolvate
Problema 1:
Adăugaţi documentelor marcaj_p.html şi fonturi.html diacritice conform tabelului de mai
jos:
Fisierul marcaj_p.html:
<!DOCTYPE>
<HTML>
<HEAD>
<TITLE>Aliniere paragraf</TITLE>
</HEAD>
<BODY>

Francezii au făcut nişte săpături arheologice şi au
găsit la vreo 50 m adâncime resturi de fire de cupru. După
cercetări, s-a tras concluzia că stramoşii lor puseseră la punct o
reţea de telefonie
subterană.


La această veste, nemţii, au început şi ei să sape şi
pe la 70 m adâncime au găsit nişte resturi de sticlă de unde au
ajuns la concluzia că stramoşii lor puseseră la punct o reţea
subterană de fibre optice.


Cercetătorii români au început şi ei să sape, şi
cum până la 100 m nu au găsit nimic au ajuns şi ei la concluzia
că dacii comunicau wireless.


În secolul X, Ţarul Vladimir al Rusiei a călătorit la
Constantinopole şi auzind de povestirile minunate despre Sfântul Nicolae a
decis să-l
1
facă patronul spiritual al Rusiei. În secolul al XI-lea,
rămăşiţele Sfࢲntului Nicolae au fost furate de marinari
italieni şi depuse în Bari. Acolo sunt şi în ziua de azi.

</BODY>
</HTML>
Fisierul fonturi.html
<!DOCTYPE>
<HTML>
<HEAD>
<TITLE>Oamenii de stiinta</TITLE>
</HEAD>
<BODY>

Toţi oamenii de ştiinţă jucau de-a v-ati-ascunselea in Rai. Se
pune Einstein şi începe să numere. Toţi se ascund pe unde
găsesc, numai Newton ia o cretă, trasează un pătrat cu latura de
1 m şi se asează în mijlocul lui. După ce termină de
numarat, Eistein se întoarce şi, bineinteles, îl vede pe Newton:
 
Einstein:
Te-am vazut. Tu eşti Newton. 
Newton:
Îmi pare rau, dar nu sunt eu. 
Eistein:
Cum adică nu eşti tu? Te cunosc foarte bine. Eşti Newton. 
Ia priveşte mai atent. Ce vezi? 
Eistein:
Tu în mijlocul unui pătrat cu latura de 1 m. 
Pai şi ce înseamna Newton pe metru patrat? 
Eistein: Pascal. 
Newton: Păi vezi, el e! 
</BODY>
</HTML>
2
Problema 2:
Creaţi documentul program.html, care să conţină un tabel asemănător cu cel de
mai jos, folosind numai HTML
<!DOCTYPE>
<HTML>
<HEAD>
<TITLE>Program saptamanal</TITLE>
</HEAD>
<BODY>
<TABLE BORDER="1" CELLSPACING="0" ALIGN="center">
<TR ALIGN="center">
<TD></TD>
<TD>Luni</TD>
<TD>Marţi</TD>
<TD>Miercuri</TD>
<TD>Joi</TD>
<TD>Vineri</TD>
</TR>
<TR ALIGN="center">
<TD>8-11</TD>
<TD>şcoala</TD>
<TD>liber</TD>
<TD>şcoala</TD>
<TD>şcoala</TD>
<TD>liber</TD>
</TR>
<TR ALIGN="center">
<TD>11-14</TD>
<TD>şcoala</TD>
<TD>şcoala</TD>
<TD>şcoala</TD>
<TD>şcoala</TD>
<TD>şcoala</TD>
</TR>
<TR ALIGN="center">
<TD>14-17</TD>
<TD>pregătire BAC Română</TD>
<TD>liber</TD>
<TD>şcoala</TD>
<TD>liber</TD>
<TD>şcoala</TD>
3
</TR>
<TR ALIGN="center">
<TD>17-20</TD>
<TD>liber</TD>
<TD>pregătire BAC proba F</TD>
<TD>pregătire BAC proba E</TD>
<TD>pregătire BAC Matematică</TD>
<TD>liber</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Problema 3:
Creaţi documentul aprozar.html, care să conţină un tabel asemănător cu cel de
mai jos, folosind numai HTML:
<!DOCTYPE>
<HTML>
<HEAD>
<TITLE>Aprozar</TITLE>
</HEAD>
<BODY>
<TABLE BORDER="1" WIDTH="60%" ALIGN="center">
<TR ALIGN="center">
<TD></TD>
<TD COLSPAN="2">Legume</TD>
4
<TD COLSPAN="2">Fructe</TD>
</TR>
<TR ALIGN="center">
<TD WIDTH="20%">Primăvara</TD>
<TD WIDTH="20%">Ridichi</TD>
<TD WIDTH="20%">Spanac</TD>
<TD WIDTH="20%">Căpşuni</TD>
<TD WIDTH="20%">Cireşe</TD>
</TR>
<TR ALIGN="center">
<TD>Vara</TD>
<TD>Roşii</TD>
<TD>Ardei</TD>
<TD>Mere</TD>
<TD>Vişine</TD>
</TR>
<TR ALIGN="center">
<TD>Toamna</TD>
<TD>Varză</TD>
<TD>Cartofi</TD>
<TD>Pere</TD>
<TD>Struguri</TD>
</TR>
</TABLE>
</BODY>
</HTML>
5
2) Probleme propuse spre rezolvare
Problema 4:
Creaţi documentul TV.html, care să conţină un tabel asemănător cu cel de mai jos,
folosind numai HTML:
Problema 5:
Creaţi documentul magazine.html, care să conţină un tabel asemănător cu cel de mai
jos, folosind numai HTML:
Problema 6:
În documentul TV2.html, creat la problema 4, adăugaţi pentru fiecare emisiune câte o
poza reprezentativa pe fundal. La final tabelul ar trebui să arate ca cel de mai jos:
6
Problema 7:
În documentul magazine2.html, creat la problema 5, adăugaţi în fiecare celulă a coloanei
Observaţii câte o poză reprezentativă pentru produsul respectiv. Tabelul final trebuie să fie
asemănător cu cel de mai jos. Pentru modificări folosiţi numai HTML (<img...>):

Lab 1

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Lab 1

Hochgeladen von

Copyright:

Verfügbare Formate

Aplicatii practice - 2

Limbajul HTML – Tabele. Imagini

Das könnte Ihnen auch gefallen