Scribd
Upload
26 views7 pages

Lab 1

The document provides examples of HTML code to create tables and includes problems for students to practice creating tables with images. The problems include creating tables with schedules, grocery items, TV programs and stores with representative images. Students are asked to create HTML documents with tables on these topics that include images in some cells.

Uploaded by

ina mac
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
26 views7 pages

Lab 1

The document provides examples of HTML code to create tables and includes problems for students to practice creating tables with images. The problems include creating tables with schedules, grocery items, TV programs and stores with representative images. Students are asked to create HTML documents with tables on these topics that include images in some cells.

Uploaded by

ina mac
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

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>
<p align="center">
Francezii au f&#259;cut ni&#351;te s&#259;p&#259;turi arheologice &#351;i au
g&#259;sit la vreo 50 m ad&#226;ncime resturi de fire de cupru. Dup&#259;
cercet&#259;ri, s-a tras concluzia c&#259; stramo&#351;ii lor puseser&#259; la punct o
re&#355;ea de telefonie
subteran&#259;.
</p>
<p align="left">
La aceast&#259; veste, nem&#355;ii, au &#238;nceput &#351;i ei s&#259; sape &#351;i
pe la 70 m ad&#226;ncime au g&#259;sit ni&#351;te resturi de sticl&#259; de unde au
ajuns la concluzia c&#259; stramo&#351;ii lor puseser&#259; la punct o re&#355;ea
subteran&#259; de fibre optice.
</p>
<p align="right">
Cercet&#259;torii rom&#226;ni au &#238;nceput &#351;i ei s&#259; sape, &#351;i
cum p&#226;n&#259; la 100 m nu au g&#259;sit nimic au ajuns &#351;i ei la concluzia
c&#259; dacii comunicau wireless.
</p>
<p align="justify">
&#206;n secolul X, &#354;arul Vladimir al Rusiei a c&#259;l&#259;torit la
Constantinopole &#351;i auzind de povestirile minunate despre Sf&#226;ntul Nicolae a
decis s&#259;-l

1
fac&#259; patronul spiritual al Rusiei. &#206;n secolul al XI-lea,
r&#259;m&#259;&#351;i&#355;ele Sf&#2226;ntului Nicolae au fost furate de marinari
italieni &#351;i depuse &#238;n Bari. Acolo sunt &#351;i &#238;n ziua de azi.
</p>
</BODY>
</HTML>

Fisierul fonturi.html
<!DOCTYPE>
<HTML>
<HEAD>
<TITLE>Oamenii de stiinta</TITLE>
</HEAD>
<BODY>
<FONT face="Comic sans ms" color="Green" size=2>
To&#355;i oamenii de &#351;tiin&#355;&#259; jucau de-a v-ati-ascunselea in Rai. Se
pune Einstein &#351;i &#238;ncepe s&#259; numere. To&#355;i se ascund pe unde
g&#259;sesc, numai Newton ia o cret&#259;, traseaz&#259; un p&#259;trat cu latura de
1 m &#351;i se aseaz&#259; &#238;n mijlocul lui. Dup&#259; ce termin&#259; de
numarat, Eistein se &#238;ntoarce &#351;i, bineinteles, &#238;l vede pe Newton:
</FONT><br>
<FONT COLOR="red" size=4>Einstein:</FONT>
Te-am vazut. Tu e&#351;ti Newton. <br>
<FONT color="blue" size=4>Newton:</FONT>
&#206;mi pare rau, dar nu sunt eu.<br>
<FONT COLOR="red" size=5>Eistein:</FONT>
Cum adic&#259; nu e&#351;ti tu? Te cunosc foarte bine. E&#351;ti Newton. <br>
<FONT color="blue" size=5>Newton:</FONT>
Ia prive&#351;te mai atent. Ce vezi? <br>
<FONT COLOR="red" size=6>Eistein:</FONT>
Tu &#238;n mijlocul unui p&#259;trat cu latura de 1 m. <br>
<FONT color="blue" size=6>Newton:</FONT>
Pai &#351;i ce &#238;nseamna Newton pe metru patrat? <br>
<FONT COLOR="red" size=7>Eistein:</FONT> Pascal. <br>
<FONT color="blue" size=7>Newton:</FONT> P&#259;i vezi, el e!<br>
</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&#355;i</TD>
<TD>Miercuri</TD>
<TD>Joi</TD>
<TD>Vineri</TD>
</TR>
<TR ALIGN="center">
<TD>8-11</TD>
<TD>&#351;coala</TD>
<TD>liber</TD>
<TD>&#351;coala</TD>
<TD>&#351;coala</TD>
<TD>liber</TD>
</TR>
<TR ALIGN="center">
<TD>11-14</TD>
<TD>&#351;coala</TD>
<TD>&#351;coala</TD>
<TD>&#351;coala</TD>
<TD>&#351;coala</TD>
<TD>&#351;coala</TD>
</TR>
<TR ALIGN="center">
<TD>14-17</TD>
<TD>preg&#259;tire BAC Rom&#226;n&#259;</TD>
<TD>liber</TD>
<TD>&#351;coala</TD>
<TD>liber</TD>
<TD>&#351;coala</TD>

3
</TR>
<TR ALIGN="center">
<TD>17-20</TD>
<TD>liber</TD>
<TD>preg&#259;tire BAC proba F</TD>
<TD>preg&#259;tire BAC proba E</TD>
<TD>preg&#259;tire BAC Matematic&#259;</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"><b>Legume</b></TD>

4
<TD COLSPAN="2"><b>Fructe</b></TD>
</TR>
<TR ALIGN="center">
<TD WIDTH="20%"><b>Prim&#259;vara</b></TD>
<TD WIDTH="20%"><I>Ridichi</I></TD>
<TD WIDTH="20%"><I>Spanac</I></TD>
<TD WIDTH="20%"><I>C&#259;p&#351;uni</I></TD>
<TD WIDTH="20%"><I>Cire&#351;e</I></TD>
</TR>
<TR ALIGN="center">
<TD><b>Vara</b></TD>
<TD><I>Ro&#351;ii</I></TD>
<TD><I>Ardei</I></TD>
<TD><I>Mere</I></TD>
<TD><I>Vi&#351;ine</I></TD>
</TR>
<TR ALIGN="center">
<TD><b>Toamna</b></TD>
<TD><I>Varz&#259;</I></TD>
<TD><I>Cartofi</I></TD>
<TD><I>Pere</I></TD>
<TD><I>Struguri</I></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...>):

You might also like