Scribd
Încărcați
170 vizualizări7 pagini

HTML Curs - Probleme

Documentul prezintă șapte probleme de creare de tabele HTML și adăugare de imagini în tabele. Problemele propuse cer studenților să creeze tabele cu programe TV, magazine și produse, și să adauge imagini reprezentative în celulele tabelului.

Încărcat de

ina mac
Drepturi de autor
© © All Rights Reserved
Respectăm cu strictețe drepturile privind conținutul. Dacă suspectați că acesta este conținutul dumneavoastră, reclamați-l aici.
Formate disponibile
Descărcați ca PDF, TXT sau citiți online pe Scribd
170 vizualizări7 pagini

HTML Curs - Probleme

Documentul prezintă șapte probleme de creare de tabele HTML și adăugare de imagini în tabele. Problemele propuse cer studenților să creeze tabele cu programe TV, magazine și produse, și să adauge imagini reprezentative în celulele tabelului.

Încărcat de

ina mac
Drepturi de autor
© © All Rights Reserved
Respectăm cu strictețe drepturile privind conținutul. Dacă suspectați că acesta este conținutul dumneavoastră, reclamați-l aici.
Formate disponibile
Descărcați ca PDF, TXT sau citiți online pe Scribd
Sunteți pe pagina 1/ 7

Laborator 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 PUBLIC "-//W3C//DTD HTML 3.2//EN">
<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
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 PUBLIC "-//W3C//DTD HTML 3.2//EN">
<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>
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 PUBLIC "-//W3C//DTD HTML 3.2//EN">


<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>
</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 PUBLIC "-//W3C//DTD HTML 3.2//EN">


<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>
<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>
2) Probleme propuse

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:
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...>):

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