Este documento presenta información sobre la creación de tablas en HTML. Explica las etiquetas necesarias como <table>, <tr>, <td> para definir la estructura básica de una tabla. También describe atributos comunes para configurar aspectos como el ancho, alto, bordes, colores de fondo y alineación.
Campaña integral realizada durante la cursada de Planificación de medios interactivos - 2015
Descripción de la Acción
La campaña girará en torno a los 100 años de MYN. Es por ello que se propone realizar diferentes acciones en ATL - BTL que converjan y direcciones a redes sociales. Se utilizaran todos los canales de comunicación que posee la marca, explotando las tendencias como instagram.
El evento central de la campaña será el mega festejo, el cual será una fiesta/cocktel que se realizará por los 100 años a nivel local de la marca. Se invitarán a las embajadoras de la marca, como Adriana Lima y las fans más fieles de la marca sean podrán ser partícipes del festejo.
Este mega festejo se realizará en la mansión de Hotel Four Seasons. Será una noche mágica al mejor estilo de alfombra roja. Las fans ganadoras accederán a una suite del hotel en donde se les realizará un cambio de look acorde al evento. La noche culminará con un gran sorteo por un viaje a New York para asistir al evento de la casa matriz entre otros premios.
Para acceder a una invitación se realizarán diferentes acciones en las redes sociales. La idea es que todo lo relacionado al festejo a nivel local se canalice por los medios digitales.
1. COLEGIO NICOLÁS ESGUERRA
EDIFICAMOS FUTURO
MARTINCASTRO JULIAN 905
JORGE ANDRES LOPEZ MARTINEZ 905
PAGINA WEB 4
Tabla <table>:
Las tablasestánformadaspor celdas,que sonlosrecuadrosque se obtienencomoresultadode la
intersecciónentre unafilayunacolumna.
imagen y texto
COLUM
NA
Texto dentro
de una celda
FILA CELDA
2. Fila<tr>:
Es necesarioinsertarlasetiquetas <tr> y </tr> por cada una de las filasde latabla.Estas etiquetas
deberán insertarse entre lasetiqetas <table>y </table>.
Por ejemplo,paracrear unatabla con cincofilasescribiríamos
<table>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
</table>
Columnaocelda<td>
Para crear una tablano basta con especificarel númerode filas,esnecesariotambiénespecificar
el númerode columnas.
Una celdaes el resultadode laintersecciónentreunafilayunacolumna,por loque podremos
especificarel númerode celdasporfila,que equivale aespecificarel númerode columnasporfila.
Es necesarioinsertarlasetiquetas<td>y </td> por cada una de las celdasque compongancada
una de las filasde latabla.Por lotanto,habrá que insertaresasetiquetasentre lasetiquetas<tr>y
</tr>.
Entre lasetiquetas<td>y </td> se podrá especificarel contenidode cadaunade lasceldas.Por
ejemplo, parainsertarlasiguiente tabla:
Formatode latabla:
Atributo Significado Posibles valores
width ancho de la tabla
un número, acompañado de % cuando se
desee que sea en porcentaje
height altura de la tabla
un número, acompañado de % cuando se desee
que sea en porcentaje
cellpadding
espacio entre el contenido de las
celdas y el borde
un número
cellspacing espacio entre celdas un número
border grosor del borde un número
align
alineación de la tabla dentro de
la página
left (izquierda)
right (derecha)
center (centro)
3. bgcolor color de fondo número hexadecimal
background imagen de fondo número hexadecimal
bordercolor color del borde número hexadecimal
Con estoindicamosque el ancho(width) de latabladebe ocuparel 50% del anchode la ventana
(lopuedescomprobarcambiandoel anchode laventanade tu navegadory verásque el ancho de
la tablavaría para ocupar siempre lamitadde laventana),que el borde (border) tieneungrosor
de dos píxeles(esmásanchoque lasseparacionesinternasde latablaque tienengrosor1),que la
tablaestá alineadaal centro(center) de laventana,que nohay espacioentre lasceldas
(cellspacing="0"),que el borde latablaesnegro(#000000) y el fondonaranja(#FFCC99).
Formatode lasceldas:
Atributo Significado Posibles valores
width ancho de la tabla
un número, acompañado de % cuando se
desee que sea en porcentaje
height altura de la tabla
un número, acompañado de % cuando se desee
que sea en porcentaje
align
alineación horizontal del
contenido de la celda
left (izquierda)
right (derecha)
center (centro)
valign
alineación vertical del contenido
de la celda
baseline (línea de base)
bottom (inferior)
middle (medio)
top (superior)
bgcolor color de fondo número hexadecimal
background imagen de fondo número hexadecimal
bordercolor color del borde número hexadecimal
<html>
<head>
<title>diesell movil 905</title>
</head>
<!-- paginawebelavoradaporjulianmartinjorge lopez905 //-->.
<bodybgcolor="0099ff">bienvenidosanuestrawebcorporativa<br>
<hr>
<fontcolor="BLACK"size="5"face=" Arial"><B>diesellmovil</PRE></font>
<fontcolor="CC00CC" size="3"face=" Arial"><i>ORGULLOCOLOMBIANO</i></font>
<PRE>
<img src="imagenes/LOGO1.JPG"ALT="DULCES"BORDER="3" width="400" height="160"><img
4. src="imagenes/LOGO2.JPG"ALT="DULC"BORDER="3"width="400"height="160"><img
src="imagenes/MCLAREN .JPG"ALT="DULCES"BORDER="3"width="400"height="160">
<PRE>
<fontcolor="FFFF00" size="5"face="MS SansSerif"><b>COLOMBINA<b> </font>
<fontcolor="0000FF" size="3"face="MS Sans Serif"><i>EL SABORES INFINITO</i></font>
<PRE>
<img src="imagenes/COLO1.JPG"ALT="DULCES"BORDER="7"width="400"height="160"><img
src="imagenes/COLO2.JPG"ALT="DULCES"BORDER="7"width="400"height="160"><img
src="imagenes/COLO3.JPG"ALT="DULCES"BORDER="7"width="400"height="160">
<PRE>
<table width="100%"border="2" align="center"cellspacing="0"bordercolor="RED"
bgcolor="GREEN">
<tr align="center"bgcolor="BLAK">
<td>PRODUCTO</td>
<td>DESCRIPCION</td>
<td>IMAGEN</td>
</tr>
<tr>
<td>COLOMBINAS</td>
<td>UNA BOLA DE SABORES CON CHICLE EN EL INTERIOR</td>
<td><imgsrc="imagenes/colombinas.JPG"ALT="DULCES"BORDER="7"width="400"
height="160">
</tr>
<tr>
<td>GOMA DE MASCAR</td>
<td>DULCE MASTICABLE DE DIBERSOSSABORESPARA MEJORAR EL ALIENTO</td>
<td><imgsrc="imagenes/chicles.JPG"ALT="DULCES"BORDER="7"width="400"height="160">
</tr>
</table>
<p>ColombinaS.A.esunacompañía global de alimentosconsede enel Valle del Cauca,
Colombia.
Cuentacon más de 84 años de experienciaenlafabricaciónycomercializaciónde
alimentos.
Actualmente ofreceunamplioportafoliode productosendiferenteslíneas:
confitería,galletería,pastelería,salsas,conservasyhelados.
Adicionalmenterealizaladistribuciónexclusivade marcastradicionalesen
ColombiacomoCafé Buendíay VanCamp’s.La Compañía exportasusproductosa más
de 45 paísesdel continente Americano,AsiayEuropa.Es unode losmayoresempleadores
del país
con más de 6.500 colaboradoresyuntotal aproximadode 8.000 personasentodoel mundo.
</p>
<hr align="center"width="50%"size="5"color="red"noshade>
<pre>
copyrigt2015
colegionacional nicolasesguerra
calle 6 85-35 bogota-colombia