SlideShare una empresa de Scribd logo
1 de 10
Desarrollo web en
html
OMAR DANIEL SANCHEZ-FRACHESKA LOZANO
MICHAEL ARIAS-MIGUEL NARVÁEZ
MIGUEL CEPEDA-LEIDY ESTEFANÍA CORREA
enlaces
Los enlaces se utilizan para establecer relaciones entre dos
recursos. Aunque la mayoría de enlaces relacionan páginas
web, también es posible enlazar otros recursos como imágenes,
documentos y archivos.
Una característica que no se suele tener en cuenta en
los enlaces es que están formados por dos extremos y
un sentido. En otras palabras, el enlace comienza en
un recurso y apunta hacia otro recurso. Cada uno de
los dos extremos se llaman "anclas".
imagenes
Las imágenes son uno de los elementos
más importantes de las páginas web. De
hecho, prácticamente todas las páginas web
contienen alguna imagen y la mayoría
incluyen decenas de imágenes. Dentro de
las imágenes que se pueden incluir en una
página HTML, se deben distinguir dos tipos:
las imágenes de contenido y las imágenes
de adorno.
Ejemplo sencillo para incluir una imagen:
<img src="logotipo.gif" alt="Logotipo de Mi Sitio" />
La recomendación es
utilizar uno de los tres
siguientes formatos
gráficos que entienden
todos los navegadores
modernos: GIF, JPG y
PNG.
• Los dos atributos requeridos son
src y alt. El atributo src es similar al
atributo href de los
• enlaces, ya que establece la URL
de la imagen que se va a mostrar en
la página. Las URL
• indicadas pueden ser absolutas o
relativas. El atributo alt permite
describir el contenido de
• la imagen mediante un texto breve.
Las descripciones deben tener una
longitud inferior a
• 1024 caracteres y son útiles para
las personasy dispositivos
discapacitados que no pueden
• acceder a las imágenes.
tablas
LAS TABLAS EN HTML UTILIZAN LOS MISMOS
CONCEPTOS DE FILAS, COLUMNAS, CABECERAS Y
TÍTULOS
QUE LOS QUE SE UTILIZAN EN CUALQUIER OTRO
ENTORNO DE PUBLICACIÓN DE DOCUMENTOS:
A pesar de que las tablas HTML
son fáciles de comprender y
utilizar, son uno de los
elementos más polémicos de
HTML. El problema de las tablas
es que no siempre se utilizan
adecuadamente.
Las tablas de
HTML puede contener element
os simples, agrupaciones de fila
s y de​
columnas, cabeceras y pies
de tabla, subdivisiones, cabecer
as múltiples y otros elementos​
complejos.
TABLAS COMPLEJAS
LAS TABLAS COMPLEJAS SUELEN
DISPONER DE UNA ESTRUCTURA
IRREGULAR QUE JUNTA VARIAS
COLUMNAS
PARA FORMAR UNA COLUMNA ANCHA O
UNE VARIAS FILAS PARA FORMAR UNA
FILA MÁS ALTA QUE LAS
DEMÁS. PARA FUSIONAR FILAS O
COLUMNAS, SE UTILIZAN LOS
ATRIBUTOS ROWSPAN Y COLSPAN
RESPECTIVAMENTE.
Tablas básicas
Las tablas más sencillas
de HTML se definen con
tres etiquetas: <table>
para crear la tabla,
<tr> para crear cada fila
y <td> para crear cada
columna.
Expo desarrollo web

Más contenido relacionado

La actualidad más candente

Slideshare
SlideshareSlideshare
SlidesharebUnii
 
Slide share
Slide shareSlide share
Slide shareUnOso93
 
Presentación 3 parte 2 proy
Presentación 3 parte 2 proyPresentación 3 parte 2 proy
Presentación 3 parte 2 proyJuancho Juanjo
 
Drive xmind y cros
Drive xmind y crosDrive xmind y cros
Drive xmind y crosjovis2308
 
Mini instrucciones para subir presentación
Mini instrucciones para subir presentaciónMini instrucciones para subir presentación
Mini instrucciones para subir presentaciónjmella
 

La actualidad más candente (8)

Slideshare
SlideshareSlideshare
Slideshare
 
Resumen html
Resumen htmlResumen html
Resumen html
 
Slide share
Slide shareSlide share
Slide share
 
Slideshare
SlideshareSlideshare
Slideshare
 
Presentación 3 parte 2 proy
Presentación 3 parte 2 proyPresentación 3 parte 2 proy
Presentación 3 parte 2 proy
 
123
123123
123
 
Drive xmind y cros
Drive xmind y crosDrive xmind y cros
Drive xmind y cros
 
Mini instrucciones para subir presentación
Mini instrucciones para subir presentaciónMini instrucciones para subir presentación
Mini instrucciones para subir presentación
 

Similar a Expo desarrollo web (20)

Etiquetas
EtiquetasEtiquetas
Etiquetas
 
programación WEB Unidad 1 html
programación WEB Unidad 1 htmlprogramación WEB Unidad 1 html
programación WEB Unidad 1 html
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Diseño de página web
Diseño de página webDiseño de página web
Diseño de página web
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Presentacion sena
Presentacion senaPresentacion sena
Presentacion sena
 
Articulo monica y christian "español"
Articulo monica y christian "español"Articulo monica y christian "español"
Articulo monica y christian "español"
 
Introdución al html
Introdución al htmlIntrodución al html
Introdución al html
 
Diferencia entre html y xml
Diferencia  entre html y xmlDiferencia  entre html y xml
Diferencia entre html y xml
 
sesion 01- HTML5
sesion 01- HTML5sesion 01- HTML5
sesion 01- HTML5
 
Diseño pagina web- html
Diseño pagina web- html Diseño pagina web- html
Diseño pagina web- html
 
Trabajo 10
Trabajo 10Trabajo 10
Trabajo 10
 
Tema 1
Tema 1Tema 1
Tema 1
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Conceptos basicos
Conceptos basicosConceptos basicos
Conceptos basicos
 
Conceptos basicos
Conceptos basicosConceptos basicos
Conceptos basicos
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
 
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
 

Último

Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Alejandrino Halire Ccahuana
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfenelcielosiempre
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfJonathanCovena1
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 

Último (20)

Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptx
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdf
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 

Expo desarrollo web

  • 1. Desarrollo web en html OMAR DANIEL SANCHEZ-FRACHESKA LOZANO MICHAEL ARIAS-MIGUEL NARVÁEZ MIGUEL CEPEDA-LEIDY ESTEFANÍA CORREA
  • 2. enlaces Los enlaces se utilizan para establecer relaciones entre dos recursos. Aunque la mayoría de enlaces relacionan páginas web, también es posible enlazar otros recursos como imágenes, documentos y archivos. Una característica que no se suele tener en cuenta en los enlaces es que están formados por dos extremos y un sentido. En otras palabras, el enlace comienza en un recurso y apunta hacia otro recurso. Cada uno de los dos extremos se llaman "anclas".
  • 3.
  • 4. imagenes Las imágenes son uno de los elementos más importantes de las páginas web. De hecho, prácticamente todas las páginas web contienen alguna imagen y la mayoría incluyen decenas de imágenes. Dentro de las imágenes que se pueden incluir en una página HTML, se deben distinguir dos tipos: las imágenes de contenido y las imágenes de adorno.
  • 5. Ejemplo sencillo para incluir una imagen: <img src="logotipo.gif" alt="Logotipo de Mi Sitio" />
  • 6.
  • 7. La recomendación es utilizar uno de los tres siguientes formatos gráficos que entienden todos los navegadores modernos: GIF, JPG y PNG. • Los dos atributos requeridos son src y alt. El atributo src es similar al atributo href de los • enlaces, ya que establece la URL de la imagen que se va a mostrar en la página. Las URL • indicadas pueden ser absolutas o relativas. El atributo alt permite describir el contenido de • la imagen mediante un texto breve. Las descripciones deben tener una longitud inferior a • 1024 caracteres y son útiles para las personasy dispositivos discapacitados que no pueden • acceder a las imágenes.
  • 8. tablas LAS TABLAS EN HTML UTILIZAN LOS MISMOS CONCEPTOS DE FILAS, COLUMNAS, CABECERAS Y TÍTULOS QUE LOS QUE SE UTILIZAN EN CUALQUIER OTRO ENTORNO DE PUBLICACIÓN DE DOCUMENTOS: A pesar de que las tablas HTML son fáciles de comprender y utilizar, son uno de los elementos más polémicos de HTML. El problema de las tablas es que no siempre se utilizan adecuadamente. Las tablas de HTML puede contener element os simples, agrupaciones de fila s y de​ columnas, cabeceras y pies de tabla, subdivisiones, cabecer as múltiples y otros elementos​ complejos.
  • 9. TABLAS COMPLEJAS LAS TABLAS COMPLEJAS SUELEN DISPONER DE UNA ESTRUCTURA IRREGULAR QUE JUNTA VARIAS COLUMNAS PARA FORMAR UNA COLUMNA ANCHA O UNE VARIAS FILAS PARA FORMAR UNA FILA MÁS ALTA QUE LAS DEMÁS. PARA FUSIONAR FILAS O COLUMNAS, SE UTILIZAN LOS ATRIBUTOS ROWSPAN Y COLSPAN RESPECTIVAMENTE. Tablas básicas Las tablas más sencillas de HTML se definen con tres etiquetas: <table> para crear la tabla, <tr> para crear cada fila y <td> para crear cada columna.