SlideShare una empresa de Scribd logo
Damaris Reinoso F
códigos de tablas en
HTML, imágenes,
bordes
Códigos de tablas en HTML
Una tabla en HTML viene marcada por las
etiquetas <table> </table>. Entre esas dos
etiquetas definiremos la tabla, las celdas
que queremos, las columnas y las
características de cada uno de estos
parámetros.
La tabla HTML:
<table>
(el contenedor
principal),
Las filas: <tr>
(representando a las
filas contenedoras de
las celdas).
Las celdas <td>
(representando a las
celdas).
Códigos HTML para insertar
imágenes
<IMG> Este
tag, a
diferencia de la
gran mayoría
de los tags de
html, no
necesita un
cierre.
src= Este atributo
es obligatorio e
indica el nombre
del archivo de
imagen (entre
comillas) o la URL
que se va a
representar.
Alt= Es la alternativa que se
estableció cuando todavía
existían visualizadores de solo
texto. Entre comillas podremos
escribir un texto que
suplantara a esta imagen si no
se carga o mientras se carga o
cuando, visualizando ya la
imagen, pasamos el ratón por
encima.
WIDTH= Este atributo es
opcional pero es
recomendable ponerlo
para ayudar al navegador
a representar la imagen,
significa el ancho de la
imagen que vamos a
representar.
Align= Permite
controlar la
alineación de una
imagen con respecto
a una línea de texto.
Los tres valores
posibles son los ya
conocidos left, right,
top, middle y botto
m.
HEIGHT=Al igual
que el
atributo WIDTH,
es opcional y
recomendable
ponerlo, este
significa el alto
de la imagen.
BORDER= Con
BORDER espec
ificamos el
ancho de un
borde que
rodea la
imagen.
códigos para
insertar bordes en
HTML
Anchura del borde
[border-width]
La anchura del borde
se define por medio
de la
propiedad border-
width, que dispone
de los
valores thin, medium
y thick, o de un valor
numérico indicado en
píxeles.
Color del borde
[border-color]
La
propiedad bord
er-color define
el color del
borde. Los
valores de esta
propiedad son
los valores de
color normales
Estilo de
borde
[border-style]
Se puede
elegir entre
diferentes
estilos de
borde.

Más contenido relacionado

La actualidad más candente

Teclado
Teclado Teclado
Las filas - html
Las filas - htmlLas filas - html
Las filas - html
Aquino1912
 
Tabla imagen hipervinculo
Tabla imagen hipervinculoTabla imagen hipervinculo
Tabla imagen hipervinculo
Manuel A. Francisco Arenas
 
Olivarko
OlivarkoOlivarko
Olivarko
Nikolas Avila
 
Uso Del Software Funciones Para Windows
Uso Del Software Funciones Para WindowsUso Del Software Funciones Para Windows
Uso Del Software Funciones Para Windows
Shirley Del Carmen Díaz
 
Formato condicional sobre celdas vacías en excel
Formato condicional sobre celdas vacías en excelFormato condicional sobre celdas vacías en excel
Formato condicional sobre celdas vacías en excel
Seldon S.R.L
 
Trabajo 901
Trabajo  901Trabajo  901
Trabajo 901
jerson_paez
 
Curso derive calcular derivadas
Curso derive calcular derivadasCurso derive calcular derivadas
Curso derive calcular derivadas
azrael1
 
Apuntes 28
Apuntes 28Apuntes 28
Apuntes 28LizethT
 
Fórmulas y funciones
Fórmulas y funcionesFórmulas y funciones
Fórmulas y funciones
Angélica Saa
 
Trabajo en As400
Trabajo en As400 Trabajo en As400
Trabajo en As400
LeidyGarcia1990
 
Informática seccion 5
Informática seccion 5Informática seccion 5
Informática seccion 5juancarz73
 

La actualidad más candente (15)

Producto 4
Producto 4Producto 4
Producto 4
 
Teclado
Teclado Teclado
Teclado
 
Las filas - html
Las filas - htmlLas filas - html
Las filas - html
 
Tabla imagen hipervinculo
Tabla imagen hipervinculoTabla imagen hipervinculo
Tabla imagen hipervinculo
 
Olivarko
OlivarkoOlivarko
Olivarko
 
Uso Del Software Funciones Para Windows
Uso Del Software Funciones Para WindowsUso Del Software Funciones Para Windows
Uso Del Software Funciones Para Windows
 
Formato condicional sobre celdas vacías en excel
Formato condicional sobre celdas vacías en excelFormato condicional sobre celdas vacías en excel
Formato condicional sobre celdas vacías en excel
 
Trabajo 901
Trabajo  901Trabajo  901
Trabajo 901
 
Curso derive calcular derivadas
Curso derive calcular derivadasCurso derive calcular derivadas
Curso derive calcular derivadas
 
Apuntes 28
Apuntes 28Apuntes 28
Apuntes 28
 
Fórmulas y funciones
Fórmulas y funcionesFórmulas y funciones
Fórmulas y funciones
 
Trabajo en As400
Trabajo en As400 Trabajo en As400
Trabajo en As400
 
Informática seccion 5
Informática seccion 5Informática seccion 5
Informática seccion 5
 
Matlab
MatlabMatlab
Matlab
 
Dfd
DfdDfd
Dfd
 

Similar a Codigos de tablas en html, imagenes, bordes

HTML_Tablas para la creacion de tablas.pptx
HTML_Tablas para la creacion de tablas.pptxHTML_Tablas para la creacion de tablas.pptx
HTML_Tablas para la creacion de tablas.pptx
AlexBaldeon2
 
HTML_Tablas en lenguaje HTML y CSS3 dinamicos
HTML_Tablas en lenguaje HTML y CSS3 dinamicosHTML_Tablas en lenguaje HTML y CSS3 dinamicos
HTML_Tablas en lenguaje HTML y CSS3 dinamicos
AlexBaldeon2
 
Listas HTML.pptx
Listas HTML.pptxListas HTML.pptx
Listas HTML.pptx
MUNICIPIO DE ITAGUI
 
Html power
Html powerHtml power
Html power
AntonioLopez509
 
Html
Html Html
Html
Lola1234__
 
HTML
 HTML HTML
Tablas de HTML
Tablas de HTMLTablas de HTML
Tablas de HTML
Jessica Jess
 
Html
HtmlHtml
Conceptos basicos
Conceptos basicosConceptos basicos
Conceptos basicos
zayra-12
 
Conceptos basicos
Conceptos basicosConceptos basicos
Conceptos basicos
MarioLaraLpez
 
Producto 3
Producto 3Producto 3
Producto 3
JCyandrea
 
Etiquetas Basicas de Html
Etiquetas Basicas de HtmlEtiquetas Basicas de Html
Etiquetas Basicas de HtmlWilmer Acero
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
gueste5e05b
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
OSC1D
 
Eduardo espinoza cod-de-tablas-html
Eduardo espinoza cod-de-tablas-htmlEduardo espinoza cod-de-tablas-html
Eduardo espinoza cod-de-tablas-html
Eduardo_Espinoza
 
PROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPTPROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPT
CesarBulla1
 
Html juan miro y manuel poveda acabado
Html juan miro y manuel poveda acabadoHtml juan miro y manuel poveda acabado
Html juan miro y manuel poveda acabado
manuelyjuan
 
Producto 4
Producto 4Producto 4
Producto 4
POTTERICOS
 

Similar a Codigos de tablas en html, imagenes, bordes (20)

Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
HTML_Tablas para la creacion de tablas.pptx
HTML_Tablas para la creacion de tablas.pptxHTML_Tablas para la creacion de tablas.pptx
HTML_Tablas para la creacion de tablas.pptx
 
HTML_Tablas en lenguaje HTML y CSS3 dinamicos
HTML_Tablas en lenguaje HTML y CSS3 dinamicosHTML_Tablas en lenguaje HTML y CSS3 dinamicos
HTML_Tablas en lenguaje HTML y CSS3 dinamicos
 
Listas HTML.pptx
Listas HTML.pptxListas HTML.pptx
Listas HTML.pptx
 
Html power
Html powerHtml power
Html power
 
Html
Html Html
Html
 
HTML
 HTML HTML
HTML
 
Tablas de HTML
Tablas de HTMLTablas de HTML
Tablas de HTML
 
Html
HtmlHtml
Html
 
Conceptos basicos
Conceptos basicosConceptos basicos
Conceptos basicos
 
Conceptos basicos
Conceptos basicosConceptos basicos
Conceptos basicos
 
Producto 3
Producto 3Producto 3
Producto 3
 
Etiquetas Basicas de Html
Etiquetas Basicas de HtmlEtiquetas Basicas de Html
Etiquetas Basicas de Html
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Eduardo espinoza cod-de-tablas-html
Eduardo espinoza cod-de-tablas-htmlEduardo espinoza cod-de-tablas-html
Eduardo espinoza cod-de-tablas-html
 
PROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPTPROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPT
 
Html juan miro y manuel poveda acabado
Html juan miro y manuel poveda acabadoHtml juan miro y manuel poveda acabado
Html juan miro y manuel poveda acabado
 
Producto 4
Producto 4Producto 4
Producto 4
 

Último

TAREA DE TECNOLOGIA DE LA FICHHA 1 Y DOS
TAREA DE TECNOLOGIA DE LA FICHHA 1 Y DOSTAREA DE TECNOLOGIA DE LA FICHHA 1 Y DOS
TAREA DE TECNOLOGIA DE LA FICHHA 1 Y DOS
darlingreserved
 
Presentación- PLATAFORMA VIRTUAL E-LEARNING .pptx
Presentación-  PLATAFORMA VIRTUAL E-LEARNING .pptxPresentación-  PLATAFORMA VIRTUAL E-LEARNING .pptx
Presentación- PLATAFORMA VIRTUAL E-LEARNING .pptx
arelisguerra707
 
Solucionario 5° P2P16.pptxihiuhiuhihihini
Solucionario 5° P2P16.pptxihiuhiuhihihiniSolucionario 5° P2P16.pptxihiuhiuhihihini
Solucionario 5° P2P16.pptxihiuhiuhihihini
corderojulia187
 
TRABAJO DE TECNOLOGIA increíble y próspero epico
TRABAJO DE TECNOLOGIA increíble y próspero epicoTRABAJO DE TECNOLOGIA increíble y próspero epico
TRABAJO DE TECNOLOGIA increíble y próspero epico
edepjuanorozco
 
QUÉ ES ALARA proteccion rayografica.pptx
QUÉ ES ALARA proteccion rayografica.pptxQUÉ ES ALARA proteccion rayografica.pptx
QUÉ ES ALARA proteccion rayografica.pptx
AnthonyFernandoArias
 
Las plantas ornamental su importancia, sus variedades etc
Las plantas ornamental su importancia, sus variedades etcLas plantas ornamental su importancia, sus variedades etc
Las plantas ornamental su importancia, sus variedades etc
60475271
 
MODELO PEDAG DE LA FPI SENA PARA LA FORMACION PROFESIONAL E INTEGRAL
MODELO PEDAG DE LA FPI SENA PARA LA FORMACION PROFESIONAL E INTEGRALMODELO PEDAG DE LA FPI SENA PARA LA FORMACION PROFESIONAL E INTEGRAL
MODELO PEDAG DE LA FPI SENA PARA LA FORMACION PROFESIONAL E INTEGRAL
Fernando540828
 

Último (7)

TAREA DE TECNOLOGIA DE LA FICHHA 1 Y DOS
TAREA DE TECNOLOGIA DE LA FICHHA 1 Y DOSTAREA DE TECNOLOGIA DE LA FICHHA 1 Y DOS
TAREA DE TECNOLOGIA DE LA FICHHA 1 Y DOS
 
Presentación- PLATAFORMA VIRTUAL E-LEARNING .pptx
Presentación-  PLATAFORMA VIRTUAL E-LEARNING .pptxPresentación-  PLATAFORMA VIRTUAL E-LEARNING .pptx
Presentación- PLATAFORMA VIRTUAL E-LEARNING .pptx
 
Solucionario 5° P2P16.pptxihiuhiuhihihini
Solucionario 5° P2P16.pptxihiuhiuhihihiniSolucionario 5° P2P16.pptxihiuhiuhihihini
Solucionario 5° P2P16.pptxihiuhiuhihihini
 
TRABAJO DE TECNOLOGIA increíble y próspero epico
TRABAJO DE TECNOLOGIA increíble y próspero epicoTRABAJO DE TECNOLOGIA increíble y próspero epico
TRABAJO DE TECNOLOGIA increíble y próspero epico
 
QUÉ ES ALARA proteccion rayografica.pptx
QUÉ ES ALARA proteccion rayografica.pptxQUÉ ES ALARA proteccion rayografica.pptx
QUÉ ES ALARA proteccion rayografica.pptx
 
Las plantas ornamental su importancia, sus variedades etc
Las plantas ornamental su importancia, sus variedades etcLas plantas ornamental su importancia, sus variedades etc
Las plantas ornamental su importancia, sus variedades etc
 
MODELO PEDAG DE LA FPI SENA PARA LA FORMACION PROFESIONAL E INTEGRAL
MODELO PEDAG DE LA FPI SENA PARA LA FORMACION PROFESIONAL E INTEGRALMODELO PEDAG DE LA FPI SENA PARA LA FORMACION PROFESIONAL E INTEGRAL
MODELO PEDAG DE LA FPI SENA PARA LA FORMACION PROFESIONAL E INTEGRAL
 

Codigos de tablas en html, imagenes, bordes

  • 1. Damaris Reinoso F códigos de tablas en HTML, imágenes, bordes
  • 2. Códigos de tablas en HTML Una tabla en HTML viene marcada por las etiquetas <table> </table>. Entre esas dos etiquetas definiremos la tabla, las celdas que queremos, las columnas y las características de cada uno de estos parámetros. La tabla HTML: <table> (el contenedor principal), Las filas: <tr> (representando a las filas contenedoras de las celdas). Las celdas <td> (representando a las celdas).
  • 3. Códigos HTML para insertar imágenes <IMG> Este tag, a diferencia de la gran mayoría de los tags de html, no necesita un cierre. src= Este atributo es obligatorio e indica el nombre del archivo de imagen (entre comillas) o la URL que se va a representar. Alt= Es la alternativa que se estableció cuando todavía existían visualizadores de solo texto. Entre comillas podremos escribir un texto que suplantara a esta imagen si no se carga o mientras se carga o cuando, visualizando ya la imagen, pasamos el ratón por encima. WIDTH= Este atributo es opcional pero es recomendable ponerlo para ayudar al navegador a representar la imagen, significa el ancho de la imagen que vamos a representar. Align= Permite controlar la alineación de una imagen con respecto a una línea de texto. Los tres valores posibles son los ya conocidos left, right, top, middle y botto m. HEIGHT=Al igual que el atributo WIDTH, es opcional y recomendable ponerlo, este significa el alto de la imagen. BORDER= Con BORDER espec ificamos el ancho de un borde que rodea la imagen.
  • 4. códigos para insertar bordes en HTML Anchura del borde [border-width] La anchura del borde se define por medio de la propiedad border- width, que dispone de los valores thin, medium y thick, o de un valor numérico indicado en píxeles. Color del borde [border-color] La propiedad bord er-color define el color del borde. Los valores de esta propiedad son los valores de color normales Estilo de borde [border-style] Se puede elegir entre diferentes estilos de borde.