Tablas en HTML

ColegioElJazmin 319 views 6 slides Mar 13, 2020
Slide 1
Slide 1 of 6
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6

About This Presentation

Aplicación de diseño de paginas en HTML


Slide Content

.

TABLA EN HTML
Celda 1 Celda2 celda3
Celda 4 Celda 5 Celda 6
<TABLE BORDER>
<TR>
<TD>Celda 1</TD>
<TD>Celda 2 </TD>
<TD>Celda 3</TD>
</TR>
<TR>
<TD>Celda 4</TD>
<TD>Celda 5</TD>
<TD>Celda 6</TD>
</TR>
</TABLE>

ATRIBUTOS
ALINEACION<tdalign="right">
COLOR DE FONDO Y BORDE:
<TABLE BORDER="1" BGCOLOR="red">
ALTO Y ANCHO :
<TABLE WIDTH="200" HEIGHT="750“ border =“2”>
IMAGEN DE FONDO
<TABLE BORDER="1" BACKGROUND="fondo.jpg">
ESPACIO ENTRE LAS CELDAS
<TABLE BORDER="1" CELLSPACING="0">
ESPACIO INTERIOR EN LAS CELDAS
<TABLE BORDER="1" CELLPADDING="10">

Ejemplo

EJERCICIO EN CLASE
1. Lee el material que esta en la pagina del
colegio sobre el coronavirus , como se
transmite, prevención personal y colectiva,
efectos socio-económicos
2. Realiza una pagina en html , incluyendo
tablas, imágenes marquesina, listas sobre el
tema
3. Envia la carpeta con archivos e imágenes a
[email protected]

Comando función
<tr>Siguiente fila
<th>Encabezado en la columna siguiente
<td>Texto en la columna siguiente
Encuentras mas ejemplos
http://www.um.es/psibm/tutorial/tablas.htm
http://www.hospedajeydominios.com/mamb
o/documentacion-manual_html-pagina-
tablaeje.html
Puedes mirar el código del ejemplo (tabla)
Tags