Tabele mai multe tipuri

Vezi subiectul anterior Vezi subiectul urmator In jos

Tabele mai multe tipuri

Mesaj  ErHaRd la data de Joi Ian 07, 2010 5:23 am

Acest cod il folositi pentru a pune imagini de orice marime pe un forum il puteti modifica latimea si inaltimea cei interesati daca nu va descurcati lasati un mesaj pe forum si va voi explica mai detaliat.
Cod:
[table cellSpacing=10 align=center]
[tr][td][url=LINKUL][img(100px,75px)]LINKUL[/img][/url]
[size=9][b]
240x320[/b][/size]
[/td][td][url=LINKUL][img(100px,75px)]LINKUL[/img][/url]
[size=9][b]
240x320[/b][/size]
[/td][td][url=LINKUL][img(100px,75px)]LINKUL[/img][/url]
[size=9][b]
240x320[/b][/size]
[/td][td][url=/LINKUL][img(100px,75px)]LINKUL[/img][/url]
[size=9][b]
240x320[/b][/size]
[/td][td][url=LINKUL][img(100px,75px)]LINKUL[/img][/url]
[size=9][b]
240x320[/b][/size]
[/td][td][url=LINKUL][img(100px,75px)]LINKUL[/img][/url]
[size=9][b]
240x320[/b][/size]
[/td][/tr]
[/table][/center]
Un tabel cu bord colorat
Cod:

<div style="width:180px;height:100px;background-color: LIGHTYELLOW;border: 5px ridge RED;">
CONTINUT
</div

Un tabel fara bord
Cod:
<table border="1" frame="void" rules="groups" cellpadding="5" summary="Example for some visual characteristics of a table with grouping.">
<colgroup style="width: 5em" />
<colgroup align="right" span="3" style="width: 3em" />
<colgroup style="width: 7em" />
<thead>
<tr>
<th>Month</th>
<th>VIT A</th>
<th>VIT B</th>
<th>VIT C</th>
<th>Balance</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>12.8</td>
<td>42.6</td>
<td>5.2</td>
<td>Not completed</td>
</tr>
<tr>
<td>Feubrary</td>
<td>10.5</td>
<td>30.1</td>
<td>10.4</td>
<td>Not completed</td>
</tr>
<tr>
<td>March</td>
<td>9.5</td>
<td>31.5</td>
<td>5.4</td>
<td>Completed</td>
</tr>
</tbody>
<tbody>
<tr>
<td>April</td>
<td>10.5</td>
<td>40.6</td>
<td>7.4</td>
<td>Completed</td>
</tr>
<tr>
<td>May</td>
<td>15.6</td>
<td>25.2</td>
<td>15.1</td>
<td>Completed</td>
</tr>
<tr>
<td>June</td>
<td>10.1</td>
<td>36.6</td>
<td>4.8</td>
<td>Completed</td>
</tr>
</tbody>
</table>
Tabel cu 3 coloane diferite culori de fond
Cod:
<TABLE WIDTH=300 HEIGHT=200>

<TD width=100 BGCOLOR="red">
probeaza </TD>

<TD WIDTH=100 BGCOLOR="yellow">
probeaza </TD>

<TD WIDTH=100 BGCOLOR="gray">
probeaza </TD>

</TABLE>
Tabel cu fond colorat titlu si exemplu
Cod:
<table border=1 bgcolor="verde" width=80% height=20%>
<tr height=30%>
<td>
TITLU
</td>
<td>
TITLU
</td>
</tr>
<tr height=70%>
<td>
CASUTA
</td>
<td background="./test.jpg">
CASUTA <br><br>  Fondo
</td>
</tr>
</table>
Alt tabel
Cod:
<table border=1 bgcolor="green">
<tr>
<td>
Prima columna
</td>
<td bgcolor="yellow">
A douacolumna
</td>
</tr>
</table>


Cod:
<table border="4" bordercolor="4D4C4C" style="background-color:B1AFAF" width="400" cellpadding="3" cellspacing="3">
 <tr>
 <td>Table Cell</td>
 <td>Table Cell</td>
 <td>Table Cell</td>
 <td>Table Cell</td>
 </tr>
 <tr>
 <td>Table Cell</td>
 <td>Table Cell</td>
 <td>Table Cell</td>
 <td>Table Cell</td>
 </tr>
 <tr>
 <td>Table Cell</td>
 <td>Table Cell</td>
 <td>Table Cell</td>
 <td>Table Cell</td>
 </tr>
 <tr>
 <td>Table Cell</td>
 <td>Table Cell</td>
 <td>Table Cell</td>
 <td>Table Cell</td>
 </tr>
</table>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/html_table_tutorial.cfm" target="_top">HTML Tables</a></p>



Cod:
[table style="BORDER-RIGHT: 1px solid #1675BC; BORDER-TOP: 1px solid #1675BC; BORDER-LEFT: 2px solid #1675BC; BORDER-BOTTOM: 2px solid #1675BC; background:#f1af84 url('http://i82.servimg.com/u/f82/11/72/76/36/f6d7c310.png') repeat-x top; width:100%;"][tr][td vertical-align="middle" style="padding-left:5px;"][/td][td vertical-align="middle" style="padding-left:10px; padding-right:5px; padding-bottom:5px; padding-top:5px;"][b]

[size=16][color=#1675BC][b][color=#00A5CD]TEXT1[/color][color=#7CBA2C]TEXT 2[/color][/b] "TEXT3 "[u][b][/b][/u][/color][/size]

                                                        
CONTINUT

[/b][/td][/tr][/table]


Tabel cu 4 celule
Cod:
[table border="1" width="65%"][tr][td style="background: black; color: white;"]Aici [/td][td style="background: white; color: black;"]Si aici [/td][/tr][tr][td style="background: white; color: black;"]textul dorit [/td][td style="background: black; color: white;"]textul dorit [/td][/tr][/table]
Rezultatul
Aici Si aici
textul dorit textul dorit


Tabel cu doua celule
Cod:
[table border="1"]
[tr]
[td] [/td]
[/tr][tr]
[td] [/td]
[/tr]
[/table]


Ultima editare efectuata de catre ErHaRd in Joi Feb 19, 2015 2:48 pm, editata de 1 ori
avatar
ErHaRd
Administrator
Administrator

Zodiac : Rac
Mesaje : 272
Puncte : 1335
Apreciat : 15
Inscriere : 21/11/2009
Varsta : 38
Localizare : Valencia-Spania

Vezi profilul utilizatorului http://webeurop.forosactivos.net

Sus In jos

Continuam cu alte tabele

Mesaj  ErHaRd la data de Mier Apr 07, 2010 5:59 am

Cod:
<table width="60%" align="center" cellspacing="10" cellpadding="0" style="border-bottom-color:#000000;border-bottom-width:3px;border-bottom-style:solid;border-top-color:#000000;border-top-style:solid;border-top-width:3px; border-left-color:#FF0000; border-left-width:3px;border-left-style:solid;border-right-color:#FF0000; border-right-width:3px;border-right-style:solid;">
  <tr>
    <td style="border-color:#666666; border-style:dashed; border-width:2px;"> Un ejemplo de estilos de bordes</td>
  </tr>
</table>


Rezultatul :




Un exemplu de stil cu bord


Tabel
Cod:
<HTML>
<HEAD>
<TITLE>Primul tabel</TITLE>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD><B>Nume</B></TD>
<TD><B>Prenume</B></TD>
<TD><B>Nota</B></TD>
</TR>
<TR>
<TD>Ionescu</TD>
<TD>Bogdan</TD>
<TD>7</TD>
</TR>
<TR>
<TD>Stancu</TD>
<TD>George</TD>
<TD>9</TD>
</TR>
<TR>
<TD>Dumitrescu</TD>
<TD>Alexandra</TD>
<TD>10</TD>
</TR>
<TR>
<TD>Marin</TD>
<TD>Paul</TD>
<TD>8</TD>
</TR>
<TR>
<TD>Ivanov</TD>
<TD>Mihaela</TD>
<TD>9</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Alt tabel
Cod:
<HTML>
<HEAD>
<TITLE>Proprietatile tabelelor</TITLE>
</HEAD>
<BODY>
<CENTER><H2>Rezultatele obţinute la matematică</H2></CENTER>
<HR WIDTH="50%" ALIGN="center" COLOR="#FF0000">
<TABLE WIDTH="500" ALIGN="CENTER" BORDER="1" BORDERCOLOR="#000000" CELLSPACING=”0” CELLPADDING="0">
<TR BGCOLOR="#000000" ALIGN="center" VALIGN="middle">
<TD WIDTH="200" HEIGTH="50"><B><FONT COLOR="#FFFFFF">Nume</FONT></B></TD>
<TD WIDTH="200"HEIGTH="50"><B><FONT COLOR="#FFFFFF">Prenume</FONT></B></TD>
<TD WIDTH="100" HEIGTH="50"><B><FONT COLOR="#FFFFFF">Nota</FONT></B></TD>
</TR>
<TR VALIGN="middle">
<TD WIDTH="200" HEIGTH="20">Ionescu</TD>
<TD WIDTH="200" HEIGTH="20">Bogdan</TD>
<TD WIDTH="100" HEIGTH="20" ALIGN="center">7</TD>
</TR>
<TR BGCOLOR="#FFFFCC" VALIGN="middle">
<TD WIDTH="200" HEIGTH="20">Stancu</TD>
<TD WIDTH="200" HEIGTH="20">George</TD>
<TD WIDTH="100" HEIGTH="20" ALIGN="center">9</TD>
</TR>
<TR VALIGN="middle">
<TD WIDTH="200" HEIGTH="20">Dumitrescu</TD>
<TD WIDTH="200" HEIGTH="20">Alexandra</TD>
<TD WIDTH="100" HEIGTH="20" ALIGN="center">10</TD>
</TR>
<TR BGCOLOR="#FFFFCC" VALIGN="middle">
<TD WIDTH="200" HEIGTH="20">Marin</TD>
<TD WIDTH="200" HEIGTH="20">Paul</TD>
<TD WIDTH="100" HEIGTH="20" ALIGN="center">8</TD>
</TR>
<TR VALIGN="middle">
<TD WIDTH="200" HEIGTH="20">Ivanov</TD>
<TD WIDTH="200" HEIGTH="20">Mihaela</TD>
<TD WIDTH="100" HEIGTH="20" ALIGN="center">9</TD>
</TR>
</TABLE>
</BODY>
</HTML>
avatar
ErHaRd
Administrator
Administrator

Zodiac : Rac
Mesaje : 272
Puncte : 1335
Apreciat : 15
Inscriere : 21/11/2009
Varsta : 38
Localizare : Valencia-Spania

Vezi profilul utilizatorului http://webeurop.forosactivos.net

Sus In jos

Re: Tabele mai multe tipuri

Mesaj  ErHaRd la data de Joi Dec 16, 2010 10:46 am

Tabel cu doua columne :
Cod:
<table border=1><tr><td>Fila 1 Columna 1</td><td> Fila 1 Columna 2</td></tr><td>Fila 2 Columna 1</td><td> Fila 2 Columna 2</td></tr></table>
Exemplu :

avatar
ErHaRd
Administrator
Administrator

Zodiac : Rac
Mesaje : 272
Puncte : 1335
Apreciat : 15
Inscriere : 21/11/2009
Varsta : 38
Localizare : Valencia-Spania

Vezi profilul utilizatorului http://webeurop.forosactivos.net

Sus In jos

Re: Tabele mai multe tipuri

Mesaj  Continut sponsorizat


Continut sponsorizat


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum