SlideShare una empresa de Scribd logo
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
Slideshare
bUnii
 
Resumen html
Resumen htmlResumen html
Resumen html
Kelvint Chacon
 
Slide share
Slide shareSlide share
Slide share
UnOso93
 
Slideshare
SlideshareSlideshare
Slideshare
bell linda
 
Presentación 3 parte 2 proy
Presentación 3 parte 2 proyPresentación 3 parte 2 proy
Presentación 3 parte 2 proy
Juancho Juanjo
 
123
123123
123
Rocnar
 
Drive xmind y cros
Drive xmind y crosDrive xmind y cros
Drive xmind y cros
jovis2308
 
Mini instrucciones para subir presentación
Mini instrucciones para subir presentaciónMini instrucciones para subir presentación
Mini instrucciones para subir presentación
jmella
 

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

Etiquetas
EtiquetasEtiquetas
Etiquetas
ninnyNieto
 
programación WEB Unidad 1 html
programación WEB Unidad 1 htmlprogramación WEB Unidad 1 html
programación WEB Unidad 1 html
Andres Herrera Rodriguez
 
Html y xml
Html y xmlHtml y xml
Html y xml
Cristhian-Medina
 
Diseño de página web
Diseño de página webDiseño de página web
Diseño de página web
Marthalove
 
Html
HtmlHtml
Html
RAFAX2021
 
Html
HtmlHtml
Presentacion sena
Presentacion senaPresentacion sena
Presentacion sena
edwarferneyortiz
 
Articulo monica y christian "español"
Articulo monica y christian "español"Articulo monica y christian "español"
Articulo monica y christian "español"
Mónica Sánchez Crisostomo
 
Introdución al html
Introdución al htmlIntrodución al html
Introdución al html
ramoniutepi
 
Diferencia entre html y xml
Diferencia  entre html y xmlDiferencia  entre html y xml
Diferencia entre html y xml
solange_forever
 
sesion 01- HTML5
sesion 01- HTML5sesion 01- HTML5
Diseño pagina web- html
Diseño pagina web- html Diseño pagina web- html
Diseño pagina web- html
carolina agudelo otero
 
Trabajo 10
Trabajo 10Trabajo 10
Trabajo 10
Liz345
 
Tema 1
Tema 1Tema 1
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
lisseali
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
labebeally
 
Conceptos basicos
Conceptos basicosConceptos basicos
Conceptos basicos
zayra-12
 
Conceptos basicos
Conceptos basicosConceptos basicos
Conceptos basicos
MarioLaraLpez
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
Joyce Lázaro Reátegui
 
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.
LunaisabellaYandarCa
 

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

RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docxRETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
100078171
 
Presentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdfPresentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdf
LuanaJaime1
 
3° SES COMU LUN10 CUENTO DIA DEL PADRE 933623393 PROF YESSENIA (1).docx
3° SES COMU LUN10  CUENTO DIA DEL PADRE  933623393 PROF YESSENIA (1).docx3° SES COMU LUN10  CUENTO DIA DEL PADRE  933623393 PROF YESSENIA (1).docx
3° SES COMU LUN10 CUENTO DIA DEL PADRE 933623393 PROF YESSENIA (1).docx
rosannatasaycoyactay
 
Hablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes CuadernilloHablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes Cuadernillo
Mónica Sánchez
 
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdfCUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
Inslvarez5
 
1° T3 Examen Zany de primer grado compl
1° T3 Examen Zany  de primer grado compl1° T3 Examen Zany  de primer grado compl
1° T3 Examen Zany de primer grado compl
ROCIORUIZQUEZADA
 
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZACORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
Sandra Mariela Ballón Aguedo
 
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIACONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
ginnazamudio
 
Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......
LuanaJaime1
 
Prueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infanciaPrueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infancia
LudmilaOrtega3
 
UrkuninaLab.pdfsadsadasddassadsadsadasdsad
UrkuninaLab.pdfsadsadasddassadsadsadasdsadUrkuninaLab.pdfsadsadasddassadsadsadasdsad
UrkuninaLab.pdfsadsadasddassadsadsadasdsad
JorgeVillota6
 
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJAPANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
estroba5
 
Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)
https://gramadal.wordpress.com/
 
Liturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptxLiturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptx
YeniferGarcia36
 
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdfAPUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
VeronicaCabrera50
 
Escuela Sabática. El conflicto inminente.pdf
Escuela Sabática. El conflicto inminente.pdfEscuela Sabática. El conflicto inminente.pdf
Escuela Sabática. El conflicto inminente.pdf
Alejandrino Halire Ccahuana
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
EricaCouly1
 
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdfMundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
ViriEsteva
 
2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado
GiselaBerrios3
 

Último (20)

RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docxRETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
RETROALIMENTACIÓN PARA EL EXAMEN ÚNICO AUXILIAR DE ENFERMERIA.docx
 
Presentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdfPresentación de proyecto en acuarela moderna verde.pdf
Presentación de proyecto en acuarela moderna verde.pdf
 
3° SES COMU LUN10 CUENTO DIA DEL PADRE 933623393 PROF YESSENIA (1).docx
3° SES COMU LUN10  CUENTO DIA DEL PADRE  933623393 PROF YESSENIA (1).docx3° SES COMU LUN10  CUENTO DIA DEL PADRE  933623393 PROF YESSENIA (1).docx
3° SES COMU LUN10 CUENTO DIA DEL PADRE 933623393 PROF YESSENIA (1).docx
 
Hablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes CuadernilloHablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes Cuadernillo
 
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdfCUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
CUENTOS EN MAYÚSCULAS PARA APRENDER A LEER.pdf
 
1° T3 Examen Zany de primer grado compl
1° T3 Examen Zany  de primer grado compl1° T3 Examen Zany  de primer grado compl
1° T3 Examen Zany de primer grado compl
 
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZACORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
CORREOS SEGUNDO 2024 HONORIO DELGADO ESPINOZA
 
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIACONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
 
Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......Clase Prensencial, Actividad 2.pdf.......
Clase Prensencial, Actividad 2.pdf.......
 
Prueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infanciaPrueba/test conoce tus heridas de la infancia
Prueba/test conoce tus heridas de la infancia
 
UrkuninaLab.pdfsadsadasddassadsadsadasdsad
UrkuninaLab.pdfsadsadasddassadsadsadasdsadUrkuninaLab.pdfsadsadasddassadsadsadasdsad
UrkuninaLab.pdfsadsadasddassadsadsadasdsad
 
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJAPANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
PANDERETAS DECORADAS CON MOTIVOS DE LA RIOJA
 
Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)
 
Liturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptxLiturgia día del Padre del siguiente domingo.pptx
Liturgia día del Padre del siguiente domingo.pptx
 
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdfAPUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
APUNTES UNIDAD I ECONOMIA EMPRESARIAL .pdf
 
Escuela Sabática. El conflicto inminente.pdf
Escuela Sabática. El conflicto inminente.pdfEscuela Sabática. El conflicto inminente.pdf
Escuela Sabática. El conflicto inminente.pdf
 
La vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primariaLa vida de Martin Miguel de Güemes para niños de primaria
La vida de Martin Miguel de Güemes para niños de primaria
 
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdfMundo ABC Examen 1 Grado- Tercer Trimestre.pdf
Mundo ABC Examen 1 Grado- Tercer Trimestre.pdf
 
2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado2° año LA VESTIMENTA-ciencias sociales 2 grado
2° año LA VESTIMENTA-ciencias sociales 2 grado
 
A VISITA DO SENHOR BISPO .
A VISITA DO SENHOR BISPO                .A VISITA DO SENHOR BISPO                .
A VISITA DO SENHOR BISPO .
 

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.