Home » Articole » RO » Calculatoare » Dezvoltarea web » HTML » HTML: Eticheta span în tabele

HTML: Eticheta span în tabele

postat în: HTML 0

Folosirea tabelelor pentru a separa orizontal mai multe bucăți mai mici de conținut într-un element de aspect este încă în general acceptată și este mai ușoară decât stilarea div-urilor, dar este totuși considerată o abordare mai puțin ideală.

Pe măsură ce creăm modele de tabel mai complicate, este posibil să dorim să îmbinăm unele dintre aceste câmpuri împreună. Putem crea celule „extra-mari” adăugând atribute colspan și divspan la fila de divizare (th sau td). O valoare colspan de 2, de exemplu, înseamnă că celula va umple două blocuri orizontale (de la stânga la dreapta) ale tabelului. De asemenea, un rowspan de doi rânduri înseamnă că celula va umple spațiu de două rânduri în coloanele pe care le ocupă, ca în acest exemplu care arată personalul pentru o parte a săptămânii:

<table>
<tr>
<th>ID</th><th>First
Name</th><th>M</th><th>T</th><th>W</th><th>Th</th><th>F</th>
</tr>
<tr>
<th>1</th><td>John</td><td colspan
=2>work</td><td></td><td rowspan=2>closed</td><td></td>
</tr>
<tr>
<th>2</th><td>Jane</td><td></td><td></td><td>work</td><td>work</td>
</tr>
</table>

 

ID First Name M T W Th F
1 John work closed
2 Jane work work

Rețineți că span se deplasează întotdeauna de la stânga la dreapta pentru coloane și de sus în jos pentru rânduri, începând cu celula în care plasați atributul. Valorile dvs. pentru span trebuie să fie întotdeauna pozitive și mai mari decât zero.

În timp ce aceste exemple subliniază unde marginile celulelor tabelului sunt cu linii punctate, putem activa selectiv aceste margini prin atributele celulei și/sau prin stilul CSS. Cea mai bună abordare este să păstrăm aceste modificări vizuale în CSS, păstrând separarea structurii/stilului a sarcinilor dintre HTML și CSS, făcând mai ușor de întreținut modificările vizuale viitoare.

Sursa: Michael Mendez, The Missing Link – An Introduction to Web Development and Programming (CC BY-NC-SA 3.0 License), Published by Open SUNY Textbooks, Milne Library (IITG PI), State University of New York at Geneseo. Traducere de Nicolae Sfetcu

Ghid WordPress pentru dezvoltatori
Ghid WordPress pentru dezvoltatori

WordPress este o platformă pentru site-uri web rapidă, fiabilă, cu facilități multiple pentru dezvoltatori și ușor de utilizat. Totusi, dezvoltatorii și beneficiarii au de multe ori nevoie să adauge funcționalități suplimentare pentru a răspunde nevoilor lor. Acest ghid oferă unele … Citeşte mai mult

Nu a fost votat $3,99 Selectează opțiunile
Ghid WordPress pentru începători
Ghid WordPress pentru începători

WordPress combină simplitatea pentru utilizatorii şi editori cu complexitate suportului software pentru dezvoltatori. Acest lucru îl face mai flexibil, fiind în acelaşi timp uşor de utilizat. Simplitatea sa face posibilă instalarea şi publicarea online rapid. Nimic nu ar trebui să … Citeşte mai mult

Nu a fost votat $2,99$4,77 Selectează opțiunile
Proiectarea, dezvoltarea şi întreţinerea siturilor web
Proiectarea, dezvoltarea şi întreţinerea siturilor web

Un ghid pentru dezvoltatorii web, cu accent pe HTML, XML, JavaScript, SQL, tehnologii web, software web, software pentru dezvoltare web, aplicaţii web, şabloane pentru aplicaţii web, AJAX, servicii web, sindicalizarea web, web design, situri web, găzduirea web, analiza siturilor web, … Citeşte mai mult

Nu a fost votat $2,99$11,97 Selectează opțiunile

Lasă un răspuns

Adresa ta de email nu va fi publicată.