tabel invizibil
Luați în considerare următoarele, cele mai frecvent utilizate efecte sunt implementate folosind tabele:
- Text de poziționare în mai multe coloane
- substraturi de culoare sub textul
- Cadrul în jurul fragmentului de text
- Utilizarea de imagini de fundal
Text de poziționare în mai multe coloane
Tabelul se va consta dintr-o singură linie, iar celula vom folosi ca shapers de coloane. Și convenabil nu se limitează doar la numărul minim de canale necesare pentru formarea aspectului. În plus, este de dorit să se utilizeze coloanele goale și, eventual, să le fixeze cu un singur pixel GIF-lea. Aceste coloane goale folosim ca un câmp pentru text. Domenii ridica comoditatea de lectură și punct de vedere estetic o pagină arata mai frumos.
Dar, de exemplu, ne limităm la impunerea simplă în două coloane:
În această coloană, de exemplu, poate fi textul principal al articolului, care va fi sensul de bază al unei pagini.
Și în această putem plasa anunțuri scurte de alte articole și link-uri către acestea.
Și aici este codul pentru acest aspect:
| Aici este textul din coloana din stânga. | Dar aici textul din coloana din dreapta. |
Am profitat de toate cele trei celule. Două dintre care conțin text în mod direct informații, și medie pur și simplu servește ca separator între coloane. La urma urmei, nu vrem coloană au fost unite într-una singură. La urma urmei, nu?!
Aici trebuie să menționăm că, de fapt, același efect poate fi realizat cu ajutorul cellspacing atribut sau cellpadding. Dar această metodă are mai multe limitări. În cazul cellpadding atribut, cu excepția spațiul dintre coloane, vom obține, de asemenea, spațiu pe partea stângă și dreaptă a coloanei. Dar o astfel de opțiune nu este întotdeauna adecvată. Caracteristica cellspacing, deși este liber de acest dezavantaj, dar utilizarea sa nu ne permite să facem spațiu diferit între coloane, în cazul în care mai mult de trei. În același timp, metoda de mai sus cu o coloană goală este universală și liberă de toate aceste dezavantaje.
Să acorde o atenție pentru a atribui valign = „top“. prescrise pentru celulele care conțin text. De regulă, coloane rareori umplut cu aceeași cantitate de text, și în acest caz, o coloană devine mai scurtă decât cealaltă. Și acel text într-o coloană scurtă nu sa strecurat departe în jos, vom folosi atributul valign care presează textul din coloana la partea de sus a celulei.
substraturi de culoare sub textul
Ați văzut, probabil, pe site-uri care unele fragmente ale textului sunt plasate în fundal, altul decât cel principal. De obicei, acest lucru se face pentru a „lega“ sau citate pentru a evidenția părți ale textului pentru a accentua pe ea atenția. Acest efect este realizat datorită unui tabel cu o singură celulă:
| Aici este un fragment de text. |
culoare de fundal, ne putem întreba, folosind atributul bgcolor pentru tabel. Iar textul de pe substrat nu sunt „blocat“ la frontierele, vom stabili diferența cu atributul cellpadding. Aici, în general, și tot ce este necesar. Iar rezultatul va arata astfel:
Să presupunem că textul este un citat sau un fel de informații utile. Observați cum se iese în evidență pe fondul general al paginii, concentrându-se asupra atenției.
Cadrul în jurul fragmentului de text
Selectați o bucată de text, nu puteți utiliza doar culoarea de fundal, dar, de asemenea, de exemplu, semnarea unui fragment de text în cadru. Pentru informații cu privire la modul de a face cadrul corect este descris în articolul următor. Aici vă voi da doar codul și să explice unele dintre caracteristicile. Deci, codul este după cum urmează:
|
Așa cum este cazul cu substratul, folosim tabelul într-o singură celulă, și, de asemenea, atributul cellpadding este folosit pentru a specifica umplutură în jurul textului. Singura diferență este că acum tabelul este utilizat pentru stabilirea cadrului, nu de fond. Rezultatul este după cum urmează:
Uită-te la textul din caseta a atras atenția nu mai puțin de substrat. Și poate fi mai mult, și se combină aceste metode!