SlideShare ist ein Scribd-Unternehmen logo
1 von 4
Downloaden Sie, um offline zu lesen
Table Row.
Etiqueta
contenedora de
cada fila de la
tabla.
CÓDIGOS DE
TABLAS EN
HTML
Este concepto ha estado presente en
nuestra sociedad por un largo período de
tiempo y ha sido adoptado por HTML en
sus etapas iniciales, como una forma de
transmitir información que, de otro modo,
no sería comprendida tan fácilmente.v
Etiqueta <table> <tr> <td><th>
Descripción
Etiqueta
contenedora que
tendrá en su
interior toda la
tabla.
Table Data. Cada
una de las celdas
de la tabla.
Table Header.
Cada una de las
celdas de cabecera
de la tabla.
CÓDIGO DE TABLAS
CON IMÁGENES EN
HTML
La creación básica de una
tabla se realiza mediante los
elementos table para reflejar
la tabla en sí, tr que
representaría las filas y tdque
serían las propias celdas.
<table> <thead> <tr>
<th>Texto</th
>
<th>Image
n</th>
</tr> </thead> <tr>
<td></td> <td></td>
<td></td
</tr> ... </table>
CÓDIGO DE TABLA
CON BORDE EN HTML
none: sin borde (por
defecto);
solid: una sola línea
sólida
double: con doble
borde;
dashed: una línea
discontinua;
dotted: una línea de
puntos;
groove: una línea
estriada;
oridge: una línea con
crestas;
inset: inset global efecto
3D;
outset: outset global
efecto 3D
border-top: borde
superior;
border-bottom: borde
inferior;
border-left: borde
izquierdo;
border-right: borde
derecho;
CÓDIGO DE TABLAS
CON LINK O
ENLACES EN HTML
Lo que caracteriza a la web como
medio de comunicación es la
navegación por medio de
hipervínculos (links o enlaces)
En el HTML los enlaces se marcan con
la etiqueta <a></a> y el atributo
principal es href="" donde se escribe la
ubicación del archivo de destino
Rutas de enlaces
Las rutas absolutas son las que
definen la ubicación completa de un
archivo en la web y empiezan
http://nombredelsitio.com.ar/archivo.
Las rutas relativas en cambio,
definen la ubicación del archivo de
destino en relación a la ubicación
del archivo que lo está llamando.Tipos de enlaces
Enlaces externos
Son los enlaces entre
diferentes sitios web. Si
queremos vincular un sitio
web con otro
Enlaces internos
anclas
Las anclas son enlaces hacia un
punto determinado dentro de
un html.
Enlaces para ampliar una imagen
Es común armar una galería de fotos
con imágenes miniaturas que
vinculan a imágenes ampliadas.
Enlaces para descargar archivos
En realidad, dentro del atributo
href="" podemos colocar la ruta
hacia cualquier tipo de archivo.
fotos</a>
Enlaces a una dirección de correo
Se puede vincular una dirección de correo para que
abra en el programa de correo predeterminado. El
código se escribe así:<a
href="mailto:info@dominio.com">Consúltenos a
info@dominio.com</a>

Weitere ähnliche Inhalte

Was ist angesagt? (17)

Moniquita
MoniquitaMoniquita
Moniquita
 
123
123123
123
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
el HTML
el HTML el HTML
el HTML
 
Israel
IsraelIsrael
Israel
 
Desarrollo Pagina Web!!..
Desarrollo Pagina Web!!..Desarrollo Pagina Web!!..
Desarrollo Pagina Web!!..
 
Html trabajo!
Html trabajo!Html trabajo!
Html trabajo!
 
HTML
HTMLHTML
HTML
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Html
HtmlHtml
Html
 
DISEÑO WEB
DISEÑO  WEBDISEÑO  WEB
DISEÑO WEB
 
Diapositivas HTML
Diapositivas HTMLDiapositivas HTML
Diapositivas HTML
 
Primera Clase de xhtml
Primera Clase de xhtmlPrimera Clase de xhtml
Primera Clase de xhtml
 
Hancasoft html
Hancasoft   htmlHancasoft   html
Hancasoft html
 
Informaticamelo1
Informaticamelo1Informaticamelo1
Informaticamelo1
 
Codigo html
Codigo htmlCodigo html
Codigo html
 

Ähnlich wie Pamela montece

Mariuxi perez monserrate
Mariuxi  perez monserrateMariuxi  perez monserrate
Mariuxi perez monserrateMariuxi_perez
 
Anthony rodriguez codigos de tablas en html
Anthony rodriguez codigos de tablas en htmlAnthony rodriguez codigos de tablas en html
Anthony rodriguez codigos de tablas en htmlAnthony_rodriguez
 
Investigacion de html y xml
Investigacion de html y xmlInvestigacion de html y xml
Investigacion de html y xmlElenaLoja
 
Produccion de material educ. diapositivas html
Produccion de material educ. diapositivas htmlProduccion de material educ. diapositivas html
Produccion de material educ. diapositivas htmlMely1090
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainezlisseali
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainezlabebeally
 
etiquetas basicas de html
etiquetas basicas de htmletiquetas basicas de html
etiquetas basicas de htmlampudialeandro
 
Eduardo espinoza cod-de-tablas-html
Eduardo espinoza cod-de-tablas-htmlEduardo espinoza cod-de-tablas-html
Eduardo espinoza cod-de-tablas-htmlEduardo_Espinoza
 
Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112jumarri
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barretoMariana Barreto
 
HTML HyperText Markup Language
HTML HyperText Markup LanguageHTML HyperText Markup Language
HTML HyperText Markup Languagettounkyo
 

Ähnlich wie Pamela montece (20)

Mariuxi perez monserrate
Mariuxi  perez monserrateMariuxi  perez monserrate
Mariuxi perez monserrate
 
Anthony rodriguez codigos de tablas en html
Anthony rodriguez codigos de tablas en htmlAnthony rodriguez codigos de tablas en html
Anthony rodriguez codigos de tablas en html
 
Html
HtmlHtml
Html
 
Investigacion de html y xml
Investigacion de html y xmlInvestigacion de html y xml
Investigacion de html y xml
 
Diapositivas html
Diapositivas htmlDiapositivas html
Diapositivas html
 
Produccion de material educ. diapositivas html
Produccion de material educ. diapositivas htmlProduccion de material educ. diapositivas html
Produccion de material educ. diapositivas html
 
Emily
EmilyEmily
Emily
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Israel
IsraelIsrael
Israel
 
etiquetas basicas de html
etiquetas basicas de htmletiquetas basicas de html
etiquetas basicas de html
 
Eduardo espinoza cod-de-tablas-html
Eduardo espinoza cod-de-tablas-htmlEduardo espinoza cod-de-tablas-html
Eduardo espinoza cod-de-tablas-html
 
Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112Tags actividad 11 jmar 180112
Tags actividad 11 jmar 180112
 
Maquetacion
MaquetacionMaquetacion
Maquetacion
 
Presentación html
Presentación htmlPresentación html
Presentación html
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
danny
dannydanny
danny
 
Html
HtmlHtml
Html
 
Acerca de html
Acerca de htmlAcerca de html
Acerca de html
 
HTML HyperText Markup Language
HTML HyperText Markup LanguageHTML HyperText Markup Language
HTML HyperText Markup Language
 

Kürzlich hochgeladen

diseño módulos, submódulos y supermódulos.pptx
diseño módulos, submódulos y supermódulos.pptxdiseño módulos, submódulos y supermódulos.pptx
diseño módulos, submódulos y supermódulos.pptxlou lou
 
Espiraleros y espirales (3) catálogo.pdf
Espiraleros y espirales (3) catálogo.pdfEspiraleros y espirales (3) catálogo.pdf
Espiraleros y espirales (3) catálogo.pdfjpgaraglia03
 
elementos del diseño bases conceptuales, visuales, etc.pptx
elementos del diseño bases conceptuales, visuales, etc.pptxelementos del diseño bases conceptuales, visuales, etc.pptx
elementos del diseño bases conceptuales, visuales, etc.pptxlou lou
 
Simuladores Electronicos Del Circuito Electronicos
Simuladores Electronicos Del Circuito ElectronicosSimuladores Electronicos Del Circuito Electronicos
Simuladores Electronicos Del Circuito ElectronicosErickOv
 
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...ORIETTA POLIFRONI
 
periodico para ingles / comunicacion.pdf
periodico para ingles / comunicacion.pdfperiodico para ingles / comunicacion.pdf
periodico para ingles / comunicacion.pdfacoellob
 
Catalogo de diseño contemporáneo relevante
Catalogo de diseño contemporáneo relevanteCatalogo de diseño contemporáneo relevante
Catalogo de diseño contemporáneo relevantesantiagovelez61
 

Kürzlich hochgeladen (7)

diseño módulos, submódulos y supermódulos.pptx
diseño módulos, submódulos y supermódulos.pptxdiseño módulos, submódulos y supermódulos.pptx
diseño módulos, submódulos y supermódulos.pptx
 
Espiraleros y espirales (3) catálogo.pdf
Espiraleros y espirales (3) catálogo.pdfEspiraleros y espirales (3) catálogo.pdf
Espiraleros y espirales (3) catálogo.pdf
 
elementos del diseño bases conceptuales, visuales, etc.pptx
elementos del diseño bases conceptuales, visuales, etc.pptxelementos del diseño bases conceptuales, visuales, etc.pptx
elementos del diseño bases conceptuales, visuales, etc.pptx
 
Simuladores Electronicos Del Circuito Electronicos
Simuladores Electronicos Del Circuito ElectronicosSimuladores Electronicos Del Circuito Electronicos
Simuladores Electronicos Del Circuito Electronicos
 
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
 
periodico para ingles / comunicacion.pdf
periodico para ingles / comunicacion.pdfperiodico para ingles / comunicacion.pdf
periodico para ingles / comunicacion.pdf
 
Catalogo de diseño contemporáneo relevante
Catalogo de diseño contemporáneo relevanteCatalogo de diseño contemporáneo relevante
Catalogo de diseño contemporáneo relevante
 

Pamela montece

  • 1. Table Row. Etiqueta contenedora de cada fila de la tabla. CÓDIGOS DE TABLAS EN HTML Este concepto ha estado presente en nuestra sociedad por un largo período de tiempo y ha sido adoptado por HTML en sus etapas iniciales, como una forma de transmitir información que, de otro modo, no sería comprendida tan fácilmente.v Etiqueta <table> <tr> <td><th> Descripción Etiqueta contenedora que tendrá en su interior toda la tabla. Table Data. Cada una de las celdas de la tabla. Table Header. Cada una de las celdas de cabecera de la tabla.
  • 2. CÓDIGO DE TABLAS CON IMÁGENES EN HTML La creación básica de una tabla se realiza mediante los elementos table para reflejar la tabla en sí, tr que representaría las filas y tdque serían las propias celdas. <table> <thead> <tr> <th>Texto</th > <th>Image n</th> </tr> </thead> <tr> <td></td> <td></td> <td></td </tr> ... </table>
  • 3. CÓDIGO DE TABLA CON BORDE EN HTML none: sin borde (por defecto); solid: una sola línea sólida double: con doble borde; dashed: una línea discontinua; dotted: una línea de puntos; groove: una línea estriada; oridge: una línea con crestas; inset: inset global efecto 3D; outset: outset global efecto 3D border-top: borde superior; border-bottom: borde inferior; border-left: borde izquierdo; border-right: borde derecho;
  • 4. CÓDIGO DE TABLAS CON LINK O ENLACES EN HTML Lo que caracteriza a la web como medio de comunicación es la navegación por medio de hipervínculos (links o enlaces) En el HTML los enlaces se marcan con la etiqueta <a></a> y el atributo principal es href="" donde se escribe la ubicación del archivo de destino Rutas de enlaces Las rutas absolutas son las que definen la ubicación completa de un archivo en la web y empiezan http://nombredelsitio.com.ar/archivo. Las rutas relativas en cambio, definen la ubicación del archivo de destino en relación a la ubicación del archivo que lo está llamando.Tipos de enlaces Enlaces externos Son los enlaces entre diferentes sitios web. Si queremos vincular un sitio web con otro Enlaces internos anclas Las anclas son enlaces hacia un punto determinado dentro de un html. Enlaces para ampliar una imagen Es común armar una galería de fotos con imágenes miniaturas que vinculan a imágenes ampliadas. Enlaces para descargar archivos En realidad, dentro del atributo href="" podemos colocar la ruta hacia cualquier tipo de archivo. fotos</a> Enlaces a una dirección de correo Se puede vincular una dirección de correo para que abra en el programa de correo predeterminado. El código se escribe así:<a href="mailto:info@dominio.com">Consúltenos a info@dominio.com</a>