Sunteți pe pagina 1din 1

verde.

ro - cu noi internetul este simplu Page 1 of 1

CAP VIII - Restul Paginilor (1)

am terminat cu prima pagina, acum sa trecem la paginile care se deschid apasand pe unul din link-uri. vom intra in mai multe
detalii pentru prima dintre ele, urmand ca celelalte doua sa fie derivate din aceasta.

salveaza fisierul index.html in notepad, daca nu ai facut-o deja, iar apoi, tot in notepad, mergi la File/New pentru a deschide un
fisier nou. vom lucra la pagina eat.html. incepem iarasi cu chestiile cunoscute, asa ca mai intai copiaza urmatoarea bucata de
cod in pagina goala din notepad:

<html>
<head>
<title>alternative travel services - eat with us</title>
</head>
<body marginheight="0" topmargin="0" marginwidth="0" leftmargin="0" rightmargin="0"
bgcolor=#666666>
<table width=100% cellpadding=0 cellspacing=0 border=0><tr>
<td width=85><img src=poza2.jpg></td>
<td><table cellpadding=15 cellspacing=0 width=100% height=100%><tr><td align=top
valing=left>
<img src=titlu2.jpg><br><br><font face=verdana,arial size=2 color=#ffffff>
Alternative Travel Services, the world leader in business and leisure travel, now offers a wide
range of quality and affordable restaurant services as well. We are pleased to announce our
entry in the fast food industry, with a chain of restaurants that will attend to your every culinary
need. And now, a word from our manager:
"Our menus will both surprise and delight even the most discriminate fast food consumers. Give
us a try and
you won't regret it."<br>
</font></td></tr></table>
</td></tr></table>
<img src=but4.jpg border=0><a href=eat.html><img src=but5.jpg border=0></a><a
href=play.html><img src=but6.jpg border=0></a><a href=relax.html><img src=but7.jpg
border=0></a>
</body>
</html>
ce avem mai sus? iarasi un tabel intr-un tabel. primul tabel este delimitat de tag-urile table din al saptelea rand de sus si al
cincilea rand de jos, in codul de mai sus. acest tabel contine un singur rand cu doua celule. prima celula are lungimea 85 si
contine o imagine - poza2.jpg. a doua celula contine cel de-al doilea tabel. acesta are o singura celula care contine textul de pe
pagina. primul tabel (cel mai cuprinzator) a fost folosit pentru a delimita imaginea (poza2.jpg) de text; cel de-al doilea tabel a
fost folosit pentru a lasa o margine goala in jurul textului (cellpadding=15). dupa ce inchidem toate tabelele avem butoanele -
randurile 3 si 4 numarand de jos, in codul de mai sus. acestea se afla in afara tabelelor, dedesubtul lor. ca de obicei in aceste
situatii, este esential sa nu lasi spatii intre caracterele > si < din aceste doua randuri.

observa aparitia unor atribute noi in tag-ul body: marginheight="0" topmargin="0" marginwidth="0" leftmargin="0"
rightmargin="0". acestea instruiesc browser-ul sa nu lase nici o margine intre continut si marginea ferestrei, asa cum se
intampla in mod normal.

acum mai introducem o notiune - paragrafele. acestea sunt delimitate de tag-urile <p> si </p>. tag-ul pentru paragrafe are un
atribut pe nume align care poate lua valorile justify, left, right. pe noi ne intereseaza justify, care inseamna ca toate liniile de text
din paragraf vor avea exact aceeasi lungime. in notepad mergi la inceputul randului cu text (care incepe cu "Alternative Travel
Services, the world leader...") si introdu:

<p align=justify>
acum trebuie sa inchidem tag-ul, asa ca mergi la sfarsitul ultimului rand de text din primul paragraf (cel care se incheie cu "And
now a word from our manager:") si scrie:

</p>
tag-ul </p> de incheiere de paragraf are si rolul de a delimita paragrafele, introducand un spatiu intre acestea.

http://www.verde.ro/ghid2/9.html 30.04.2004

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