Aplicatii HTML

Exemplul 8.
Atributul nowrap
<html>
<head><title> Exemplul 8 </title> </head>
<body>
<h1 align="center"> Exemplul 8 </h1>
<h2> Un tabel cu celule de latime mare </h2>
<table border width="30%">
<tr> <td><br> <td> celula 12
<tr> <td> celula 21 <td nowrap> celula 22 este f lata. Celula 22 este f
lata. Celula 22 este f lata. Celula 22 este f lata.
</table>
</body>
</html>
Exemplul 7. Un tabel cu celule extinse

<html><head><title>Exemplul 7 </title> </head>
<body>
<h1 align="center"> Exemplul 7</h1>
<h2> Un tabel cu celule extinse <h2>
<table border>
<tr> <td rowspan="3"> celula 11 <br> celula 21<br> celula 31
<td> celula 12
<td colspan="2" rowspan="3"> celula 13, celula 14, <br> celula 23,
celula 24 <br> celula 33, celula 34
<tr> <td> celula 22
<tr> <td> celula 32
<tr> <td> celula 41 <td colspan="3"> celula 42, celula 43, celula 44
</table>
</body>
</html>
Exemplul 5. Un tabel avand continutul celulelor aliniat in diverse moduri

<html>
<head> <title> Exemplul 5 </title> </head>
<body>
<h2> Un tabel avand continutul celulelor aliniat in diverse moduri </h2>
<table border width="50%" height="50%">
<tr> <td> aici <td> alinierea <td> este <td> centru <td> stanga
(implicita)
<tr align="right" valign="top"> <td> aici <td> alinierea <td> este <td>
dreapta <td> sus
<tr> <td valign="top"> sus <td valign="bottom"> jos <td align="left">
stanga <td align="right"> dreapta <td align="right" valign="bottom"> dreapta si
jos
</table></body>
</html>
Exemplul 9. Atributele Internet Explorer

<html>
<head><title> Exemplul 9 </title></head>
<body>
<h2> Atributele "Internet Explorer"</h2>
<table border=5 background="c:\windows\Backgrnd.gif" cellspacing=10
bordercolorlight=red
bordercolordark=blue>
<tr bgcolor=yellow> <td> c11 <td> c12 <td> c13
<tr bgcolor=yellow> <td> <td><td> <br>
</table></body> </html>
Aplicatia nr 10. Imagini

S se creeze codul HTML care s genereze pagina urmtoare cuprinznd imagini i text.
Pe primul rnd, centrat exist textul Imagini formatat ca heading 2 urmat de o imagine de
dimensiune 30x30, urmate de o linie de mrime 4. Urmtoarea imagine, dimensionat la
70x70, cu chenar de 2 pixeli, va prezenta textul smile pan la ncrcarea imaginii n pagin
i se va alinia fa de textul ce i urmeaz cu mijlocul axei sale orizontale. Peste dou rnduri
se insereaz textul scris cu rou, urmat de cele dou imagini, desprite prin 3 spaii, dintre
care prima are dimensiunea de 50x50, nlocuit la ncrcare de textul Congratulations!,
urmat de textul Felicitri! Ati reuit! Aliniat la mijlocul acestei imagini, scris ca heading 3.
<html>
<head> <title> Aplicatie cu imagini </title> </head>
<body>
<h2 align="center"> Imagini
<img src="flag.gif" height="30" width="30"> </h2>
<hr size="4"> <br> <br>
<img src="grt_scarf1[1].gif" height="70" width="70" border="2"
align="middle" alt="smile">
Salut! Numele meu este NuStiu. <br> Va ofer produsele pe care le doriti
la un pret avantajos si la
o calitate ireprosabila.
<br><br><br>
<font color="red"> Pentru comanda transferati banii in contul meu
</font>
<img src="bgvisa.jpg" height="50" width="60">
<imsrc="offtbmc.gif">
<br><br><br>
<h3 align="center">
<img src="Congrats.gif" height="50" width="50" align="middle"
alt="Congratulations!">
Felicitari! Ati reusit!
</h3>
</body>
</html>
Aplicatia nr. 2
Sa se scrie codul HTML care reda textul aplicatiei precedente, astfel incat marimea fontului sa
creasca de la rand la rand, incepand de la cea mai mica (1), pana la cea mai mare (7). bps
(bits per second) va fi scris cu marimea implicita de font, ca si Bibliografie, cu deosebirea
ca va avea culoarea albastra.
Codul sursa HTML

<html>
<head> <title> Aplicatia 2 </title> </hesd>
<body>
<font color="blue"> bps (bits per second) - </font>
<font size="1"> reprezinta cea mai cunoscuta unitate de masura a <em> latimii de banda
</em>, alaturi de <em> baud </em>. Stiind ca un caracter este memoerat pe opt biti,
</font><br>
<font size=2">un mediu de transmisie cu o latime de banda de 8 bps va transmite date
la o rata foarte slaba - de un caracter pe secunda. </font> <br>
<font size="3"> Latimea de banda se masoara adeseori in kilobiti pe secunda (Kbps-mii
de biti pe secunda);
Astfel, de exemplu, </font><br>
<font size="4">un modem de 14,4 Kbps poate transmite 14 400biti pe secunda.
</font><br>
<font size="5">La nivel inalt, latimea de banda se masoara </font><br>
<font size="6">in megabiti pe secunda</font><br>
<font size="7">(Mbps- milioane de biti pe secunda).</font>
<br><br><br>
<font size="3">Bibliografie</font>
<address> Andrew S. Tanenbaum - "Retele de calculatoare" </address>
</body>
</html>
Comentarii
Titlul paginii generate de acest cod va fi Aplicatia 2 prin <title>Aplicatia 2</title>.

bps (bits per second) va avea culoarea de fond albastra datorita <font color=blue>,
iar marimea va fi cea standard, implicita, doarece aceasta nu a fost setata in cadrul tag-ului
<font>.
Marimea 1 a textului primului rand (terminat prin <br>) este data de <font size=1>.
Analog pentru urmatoarele randuri.
Comparand textul scris cu marimea implicita cu cele 7 randuri, se observa ca marimea
implicita de font este 3 <font size=3> deci este echivalenta cu <font>.
Aplicatia nr. 3
Sa scrie codul HTML care reda textul primei aplicatii folosind mai multe tipuri de fonturi
(Times New Roman, Bookman Old Style, Garamound, Arial. Impact, Verdana si
Fixedsys), cu textul de culare verde. Textul se va scrie la o distanta de 40 de pixeli fata de
marginea de sus si fata de marginea din stanga a ferestrei. Titlul, bps (bits per second), va fi
centrat, bolduit si va avea marimea 4, iar restul textului va avea marimea implicita.
Codul sursa HTML

<html>
<head> <title> Aplicatia 2 </title> </head>
<body leftmargin="40" topmargin="40" text="green">
<font size="+1">
<p align="center"> <b> bps (bits per second) </b></p>
</font>
<font face="Times New Roman"> reprezinta cea mai cunoscuta unitate de masura a <i>
latimii de banda </i>, </font> <br>
<font face="Bookman Old Style"> alaturi de <u><i> baud </i></u>. Stiind ca un
caracter este memoerat pe opt biti, </font><br>
<font face="Garamond">un mediu de transmisie cu o latime de banda de 8 bps va
transmite date </font><br>
<font face="Arial"> la o rata foarte slaba - de un caracter pe secunda. </font> <br>
<font size="Impact"> Latimea de banda se masoara adeseori in kilobiti pe secunda
(Kbps-mii de biti pe secunda); </font><br>
<font face="Verdana"> Astfel, de exemplu, un modem de 14,4 Kbps poate transmite 14
400biti pe secunda. </font><br>
<font size="Fixedsys">La nivel inalt, latimea de banda se masoara in megabiti me
secunda (Mpbs- milioane de biti pe secunda).</font>
</body>
</html>
Comentarii
Comanda <body leftmargin=40 topmargin=40 text=green> are ca efect

indentarea la stanga si sus a textului aflat in corpul codului cu 40 de pixeli si
stabilirea culorii textului rosu.
Primul paragraf (bps (bits per second) se centreaza in fereastra browser-ului
prin valoarea center a atributului align, se bolduieste prin tag-ul <b> (Bold)
identic in majoritatea browser-elor cu <strong>, I se stabileste marimea de 4
puncte prin <font size=+1> (implicit 3+1). </font> dupa primul paragraf
indica faptul ca marimea de 4 este dezactivata, iar urmatoarele randuri, avand
dimensiunea fontului implicita, nu mai este necesara indicarea marimii
acestuia prin <font size=3>.
Tipul fontului este dat de valoarea atributului face.
Marcatoarele <u> si </u> forteaza aparitia textului inclus subliniat (Underline).
Tag-ul <i> (Italic) produce inclinarea textului, deci este identic cu <em>.

Aplicatii HTML

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Aplicatii HTML

Încărcat de

Drepturi de autor:

Formate disponibile

Exemplul 8.

Exemplul 7. Un tabel cu celule extinse

Exemplul 5. Un tabel avand continutul celulelor aliniat in diverse moduri

Exemplul 9. Atributele Internet Explorer

Aplicatia nr 10. Imagini

Codul sursa HTML

Titlul paginii generate de acest cod va fi Aplicatia 2 prin <title>Aplicatia 2</title>.

Codul sursa HTML

Comanda <body leftmargin=40 topmargin=40 text=green> are ca efect

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