Primul tabel pe care-l cre\u0103m va avea un rol extrem de clar \u0219i precis, el va reprezenta meniul site-ului nostru, un site compus din patru pagini pe care le voi folosi ca material didactic. V\u0103 reamintesc, suntem \u00een prima pagin\u0103 a site-ului, cea cu numele de fi\u0219ier index.html<\/i>. Deci, introducem sub fraza de introducere un tabel, respectiv vom avea \u00een plus urm\u0103torul cod:<\/p>\n
<table
\nstyle=”width: 800px; text-align: center; margin-left: auto; margin-right: auto;”
\nborder=”1″ cellpadding=”2″ cellspacing=”2″><\/p>\n
<tbody>
\n<tr>
\n<td><\/td>
\n<td><\/td>
\n<td><\/td>
\n<td><\/td>
\n<\/tr>
\n<\/tbody>
\n<\/table><\/p>\n
Cum introducem? Simplu, lucr\u0103m cu editorul html<\/b> \u00een mod normal, avem \u00een bara cu unele de sus butonul \u201eTable\u201d, select\u0103m un tabel cu patru coloane \u0219i un singur r\u00e2nd, apoi dup\u0103 ce ne-a ap\u0103rut \u00een pagin\u0103 tabelul \u00eei set\u0103m propriet\u0103\u021bile f\u0103c\u00e2nd \u00eenc\u0103 o dat\u0103 click pe acela\u0219i buton. \u00cen esen\u021b\u0103, l\u0103\u021bimea este de 800 pixeli, alinierea textului \u00een plan orizontal este center<\/i> iar \u00een plan vertical e top<\/i>. Cred c\u0103 se poate intui semnifica\u021bia acestor termeni.<\/p>\n
Con\u021binutul unei c\u0103su\u021be de tabel se introduce \u00eentre <td> \u0219i <\/td>. Prin urmare, \u00een pagin\u0103 vom avea tabelul ca \u00een codul de mai jos:<\/p>\n
<table \u00cent\u0103rim literele cuvintelor din meniu select\u00e2ndu-l pe fiecare dintre acestea \u0219i atribuindu-i proprietatea de bold.<\/b><\/p>\n Bun. Acum avem meniul \u00eentr-o faz\u0103 preliminar\u0103, mai urmeaz\u0103 s\u0103 realiz\u0103m leg\u0103turile, dar \u00eenainte trebuie s\u0103 mai facem ceva, s\u0103 schi\u021b\u0103m locul unde vom introduce con\u021binutul paginii. Pentru o bun\u0103 \u00een\u021belegere a procesului voi realiza un tabel pe dou\u0103 coloane, \u00een st\u00e2nga vom introduce un titlu, iar \u00een dreapta va fi explica\u021bia titlului. Tabelul va avea acelea\u0219i dimensiuni, va fi plasat sub meniu \u0219i va fi centrat \u00een mijlocul paginii. Deci, vom introduce:<\/p>\n <table \u00cen sec\u021biunea urm\u0103toare a cursului de web-design v\u0103 voi ar\u0103ta cum se fac alte pagini ale site-ului \u0219i cum se fac leg\u0103turile \u00eentre ele. Pentru recapitulare, s\u0103 revedem ce avem \u00een acest monent al dezvolt\u0103rii site-ului, rwspectiv codul primei pagini. Acesta este:<\/p>\n <\/p>\n <!DOCTYPE html PUBLIC „-\/\/W3C\/\/DTD HTML 4.01\/\/EN” „http:\/\/www.w3.org\/TR\/html4\/strict.dtd”>
\nstyle=”width: 800px; text-align: center; margin-left: auto; margin-right: auto;”
\nborder=”1″ cellpadding=”2″ cellspacing=”2″>
\n<tbody>
\n<tr>
\n<td>prima pagina<\/td>
\n<td>reparatii<\/td>
\n<td>consignatie<\/td>
\n<\/span><td>contact<\/td>
\n<\/tr>
\n<\/tbody>
\n<\/table><\/p>\n
\nstyle=”width: 800px; text-align: left; margin-left: auto; margin-right: auto;”
\nborder=”1″ cellpadding=”2″ cellspacing=”2″>
\n<tbody>
\n<tr>
\n<td style=”width: 300px;”><\/td>
\n<td valign=”top”><\/td>
\n<\/tr>
\n<tr>
\n<td><\/td>
\n<td valign=”top”><\/td>
\n<\/tr>
\n<tr>
\n<td><\/td>
\n<td valign=”top”><\/td>
\n<\/tr>
\n<\/tbody>
\n<\/table><\/p>\n
\n<html>
\n<head>
\n<meta http-equiv=”content-type”
\ncontent=”text\/html; charset=ISO-8859-1″>
\n<title>Ion Popovici din Timisoara, mecanic de motociclete si
\nmasini vechi.<\/title>
\n<meta
\ncontent=”Reparatii de motociclete si autoturisme care au motoare in doi timpi, restaurare masini si motociclete de epoca, vanzari in regim de consignatie.”
\n<\/span>name=”description”>
\n<meta\u00a0content=”mecanic, motoare in doi timpi, masini vechi, motociclete vechi, restaurare, reparatii”
\nname=”keywords”>
\n<\/head>
\n<body>
\n<div style=”text-align: center;”>Sunteti in site-ul de
\nprezentare al unui mecanic si al atelierului lui.<br>
\nReparatii de motociclete si autoturisme cu motor in doi timpi, atelier
\nsituat in cartierul Iosefin din Timisoara.<br>
\n<table
\nstyle=”width: 800px; text-align: center; margin-left: auto; margin-right: auto;”
\nborder=”1″ cellpadding=”2″ cellspacing=”2″>
\n<tbody>
\n<tr>
\n<td style=”font-weight: bold;”>prima pagina<\/td>
\n<td style=”font-weight: bold;”>reparatii<\/td>
\n<td style=”font-weight: bold;”>consignatie<\/td>
\n<td style=”font-weight: bold;”>contact<\/td>
\n<\/tr>
\n<\/tbody>
\n<\/table>
\n<br>
\n<table
\nstyle=”width: 800px; text-align: left; margin-left: auto; margin-right: auto;”
\nborder=”1″ cellpadding=”2″ cellspacing=”2″>
\n<tbody>
\n<tr>
\n<td style=”width: 300px; text-align: center;”>motoare
\nin doi timpi<\/td>
\n<td valign=”top”>Repar orice motor in doi timpi,
\nindiferent de anul de
\nfabricatie, de destinatia sasiului si de marca, astfel incat la mine in
\natelier se reconditioneaza motoare incepand de la Trabant si Wartburg
\nsi pana la cele mai vechi Opel-uri.<br>
\n<br>
\nDe asemenea, execut piese de schimb la comanda pentru cutiile de viteze
\nsau alte angrenaje. <\/td>
\n<\/tr>
\n<tr>
\n<\/span><td style=”text-align: center;”>caroserii automobile
\nde epoca<\/td>
\n<td valign=”top”>Daca ai un automobil de epoca si
\nincepe sa-l manance rugina sau i-ai indoit tabla intr-un incident, ai
\najuns in locul potrivit. Lucrarile de tinichigerie executate de mine
\nsunt fara cusur. Nici n-o sa-ti dai seama ca ai avut probleme la
\ncaroserie!<\/td>
\n<\/tr>
\n<tr>
\n<td style=”text-align: center;”>motociclete<\/td>
\n<td valign=”top”>In Romania anilor trecuti erau la
\nmoda motocicletele IJ, Jawa, CZ, Simpson… de fapt doar astea se
\ngaseau! Pe nostalgicii acestora \u00eei anunt ca mai am prin garaj cate o
\npiesa, doua… Sau le reconditionez pe cele vechi…<\/td>
\n<\/tr>
\n<\/tbody>
\n<\/table>
\n<\/div>
\n<\/body>
\n<\/html><\/p>\n