Laborator 10-11 Aplicatii web. HTML Aplicatii 1. Creaţi o pagină web care să conţină orarul pe zile de la clasa voastră. În bara de titlu trebuie să apară textul: Orar clasa ... an universitar ... 2. Creaţi o pagină web care să conţină toate zodiile şi perioadele din corespunzătoare. În bara de titlu trebuie să apară textul: Zodii 3. Ce modificări trebuie să faceţi în sursa de mai jos, pentru a obţine o pagină cu prenumele scrise unul sub altul? <HTML> <HEAD> <TITLE> Prenumele prietenilor mei </TITLE> </HEAD> <BODY> Ana Dana Alin Andrei Mircea </BODY> </HTML> 4. Care este efectul codului HTML? <HTML> <HEAD> <TITLE>Zilele saptamanii</TITLE> </HEAD> <BODY BGCOLOR=silver> <font SIZE=4 FACE=CURIER NEW COLOR=red WEIGHT=100> <p>LUNI </p> </font>
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Laborator 10-11
Aplicatii web. HTML
Aplicatii
1. Creaţi o pagină web care să conţină orarul pe zile de la clasa voastră. În bara de titlu trebuie
să apară textul: Orar clasa ... an universitar ...
2. Creaţi o pagină web care să conţină toate zodiile şi perioadele din corespunzătoare. În bara
de titlu trebuie să apară textul: Zodii
3. Ce modificări trebuie să faceţi în sursa de mai jos, pentru a obţine o pagină cu prenumele scrise unul sub altul?
<HTML>
<HEAD>
<TITLE> Prenumele prietenilor mei </TITLE>
</HEAD>
<BODY>
Ana Dana Alin Andrei Mircea
</BODY>
</HTML>
4. Care este efectul codului HTML?
<HTML>
<HEAD>
<TITLE>Zilele saptamanii</TITLE>
</HEAD>
<BODY BGCOLOR=silver>
<font SIZE=4 FACE=CURIER NEW COLOR=red WEIGHT=100>
<p>LUNI </p>
</font>
<font SIZE=7 FACE=ARIAL COLOR=blue WEIGHT=900>
<p>MARTI </p>
</font>
<font SIZE=4 FACE=Times New Roman COLOR=#800000 WEIGHT=300>
<p>MIERCURI </p>
</font>
</BODY>
</HTML>
5. Uneori este necesar să folosim caractere diacritice (â, Â, î, Î, ş, Ş, ţ, Ţ, ă, Ă). Aceste caractere
pot fi vizibile în pagini web prin folosirea de coduri asociate caracterelor (tabelul următor).
6.
Caracter Cod
â â
 Â
î î
Î Î
ş ş
Ş Ş
ţ ţ
Ţ Ţ
ă ă
Ă Ă
Scrieti in HTML cuvântul Mărţişor .
7. Creaţi o pagină web care să conţină numele şi prenumele vostru pe câte un rând scrise cu
culori, fonturi şi dimensiuni diferite. În bara de titlu trebuie să apară textul: Date
personale.
8. Care este efectul codului HTML?
<HTML>
<HEAD>
<TITLE>Pagina Filfizonului</TITLE>
</HEAD>
<BODY BGCOLOR=silver>
<font SIZE=4 FACE=CURIER NEW COLOR=red WEIGHT=100>
10. Căutaţi pe Internet sau pe calculatorul vostru trei poze cu câte o pasăre fiecare. Dacă nu
găsiţi astfel de poze desenaţi voi în Paint şi creaţi fişierele necesare. Apoi creaţi o pagină web
cu informaţii despre fiecare pasăre (nume şi locul unde trăieşte) şi cu poza ei. Textul trebuind
să apară în stânga pozei.
11. Sa presupunem că avem două fişiere cu numele pag1.html şi pag2.jpg. Sursele
asociate celor două fişiere, prezentate mai jos, permit trecerea dintr-o pagină în cealaltă.
<HTML>
<HEAD>
<TITLE>Pagina 1</TITLE>
</HEAD>
<BODY>
Suntem in pagina 1<br>
<a href=”pag2.html”>Trecerea in pagina 2</a>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Pagina 2</TITLE>
</HEAD>
<BODY>
Suntem in pagina 2<br>
<a href=”pag1.html”>Trecerea in pagina 1</a>
</BODY>
</HTML>
12. 13. Sursa de mai jos prezintă lista primelor patru echipe de la EURO2008, folosind o listă
ordonată.
<HTML>
<HEAD>
<TITLE>EURO2008</TITLE>
</HEAD>
<BODY BGCOLOR=silver >
Semifinalistele Campionatului European de Fotbal 2008<br>
<ol type="a">
<li> Germania
<li> Turcia
<li> Spania
<li> Rusia
</ol>
</BODY>
</HTML>
14. Sursa de mai jos are ca efect afişarea pe ecran a unui tabel cu grupele în care au fost
împărţite echipele de la EURO2008.
<HTML>
<HEAD>
<TITLE>EURO2008</TITLE>
</HEAD>
<BODY BGCOLOR=silver >
Grupele Campionatului European de Fotbal 2008<br>
<table border="2">
<tr>
<td><B> Grupa A </B> </td>
<td><B> Grupa B </B> </td>
<td><B> Grupa C </B> </td>
<td><B> Grupa D </B> </td>
</tr>
<tr>
<td>Portugalia</td>
<td>Croatia</td>
<td>Olanda</td>
<td>Spania</td>
</tr>
<tr>
<td>Turcia</td>
<td>Germania</td>
<td>Italia</td>
<td>Rusia</td>
</tr>
<tr>
<td>Cehia</td>
<td>Austria</td>
<td>Romania</td>
<td>Grecia</td>
</tr>
<tr>
<td>Elvetia</td>
<td>Polonia</td>
<td>Franta</td>
<td>Suedia</td>
</tr>
</table>
</BODY>
</HTML>
15. Sursa de mai jos are ca efect afişarea pe ecran a unui tabel cu liniile colorate diferit, lăţimea
de 100 pixeli şi înălţimea de 60% din înălţimea totală a paginii.
16.
17. <HTML>
<HEAD>
<TITLE>EURO2008, gr. A, C</TITLE>
</HEAD>
<BODY BGCOLOR=silver>
Grupele Campionatului European de Fotbal 2008<br>
<table border="2" width="400" height="60%">
<tr>
<td><B> Grupa A </B> </td>
<td><B> Grupa C </B> </td>
</tr>
<tr bgcolor="red">
<td>Portugalia</td>
<td>Olanda</td>
</tr>
<tr bgcolor="yellow">
<td>Turcia</td>
<td>Italia</td>
</tr>
<tr bgcolor="red">
<td>Cehia</td>
<td>Romania</td>
</tr>
<tr bgcolor="yellow">
<td>Elvetia</td>
<td>Franta</td>
</tr>
</table>
</BODY>
</HTML>
18. Creaţi o pagină web care să conţină o tablă de şah cu 4 linii şi 4 coloane, pătrăţelele fiind colorate cu alb şi negru (alternativ).
19. Creaţi o pagină web care să conţină un tabel cu orarul vostru pentru cele 5 zile de facultate
dintr-o săptămână.
20. Creaţi o pagină web cu un tabel care să conţină informaţii despre cei mai buni prieteni ai mei (nume şi număr de telefon). Pe prima coloană se va scrie numele, iar pe a doua numărul de telefon.
HTML - Notiuni de baza
HTML este prescurtarea de la Hyper Text Mark-up Language si este codul care sta la
baza paginilor web. Paginile HTML contin elemente (etichete) si au extensia .html sau
.htm.
Puteti scrie astfel de fisiere cu Notepad sau cel mai indicat cu un editor specializat, de
exemplu Crimson Editor, care va indica si numarul liniilor, lucru util la depanarea codului
HTML. Verificati ca nu aveti extensiile ascunse (My Computer -> Tools -> Folder Options
-> View -> debifati Hide extensions for known file types). Pentru a putea crea fisiere
html dati clic dreapta New -> Text Document, apoi il redenumiti index.html.
Elemetele sunt incadrate de tag-uri. Tag-urile sunt simbolurile care marcheaza inceputul
si sfarsitul unui element. Tag-ul pentru inceput este < iar pentru sfarsit este >.
In marea lor majoritate elementele sunt pereche, una de deschidere <eticheta> si alta
de inchidere </eticheta>. Browserul interpreteaza aceste etichete afisand rezultatul pe
ecran. HTML nu este un limbaj case sensitiv (nu face deosebirea intre litere mici si mari).
Pagina principala a unui domeniu este fisierul index.html. Aceasta pagina este setata a fi
afisata automat la vizitarea unui domeniu.
De exemplu la vizitarea domeniului www.nume.ro este afisata pagina
www.nume.ro/index.html.
Unele etichete permit utilizarea de atribute care pot avea anumite valori:
<eticheta atribut="valoare"> ... </eticheta>
Componenta unui document HTML este:
1. versiunea HTML a documentului
2. zona head cu etichetele <head> </head>
3. zona body cu etichetele <body> </body> sau <frameset> </frameset>