SlideShare une entreprise Scribd logo
1  sur  10
Télécharger pour lire hors ligne
La etiqueta <img> define una imagen en una página HTML. La etiqueta <img>
tiene dos atributos requeridos: src y alt. Nota: Las imágenes no están
técnicamente insertado en una página HTML, las imágenes están vinculadas a
las páginas HTML. La etiqueta <img> crea un espacio para la custodia de la
imagen de referencia.
Ejemplo del uso de la etiqueta:
    <img src="smiley.gif" alt="Smiley face" height="42" width="42">
El atributo src indica la ruta de la imagen, puede ser enlace interno o externo.
El atributo alt es un texto alternativo que se colocara si el enlace esta roto.
          El atributo height y width sirve para cambiar el tamaño de la imagen.
          El atributo align sirve para alinear la imagen.
La etiqueta <a> define un hipervínculo, que se utiliza para vincular de una
página a otra. El atributo más importante del elemento <a> es el atributo href,
que indica el destino del vínculo.
    De forma predeterminada, los enlaces aparecerán de la siguiente manera en
    todos los navegadores:
            Un enlace no visitado está subrayado y azul
            Un enlace visitado está subrayado y púrpura
            Un vínculo activo está subrayado y el rojo
Otros atributos que existe es el target que permite abrir el enlace en una nueva
pestaña.
                        Ejemplo:
                        <a href="http://www.google.com">Entrar</a>
La etiqueta <table> define una tabla HTML. Una tabla HTML
consiste en el elemento <table> y <tr> uno o más, <th> y
elementos <td>. El elemento <tr> define una fila de la tabla, el
elemento <th> define un encabezado de la tabla, y el elemento
<td> define una celda de tabla.
Una tabla HTML más complejos pueden incluir también
<caption>, <col>, <colgroup>, <thead>, <tfoot> y elementos
<tbody>.
Ejemplo de uso de      <table border="1">
la etiqueta table,      <tr>
donde las etiquetas      <th>Mes</th>
tr permite apertura      <th>Monto</th>
una   fila   y   las    </tr>
etiquetas td o th
                        <tr>
                         <td>Enero</td>
apertura         una
                         <td>100</td>
columna.
                        </tr>
                       </table>
La etiqueta <tbody> se utiliza para agrupar el contenido del cuerpo en una
tabla HTML. El elemento <tbody> se utiliza en conjunción con los
elementos <thead> y <tfoot> para especificar cada parte de una tabla
(cuerpo, encabezado, pie de página).
Los   navegadores    pueden    usar    estos   elementos   para   habilitar   el
desplazamiento del cuerpo de la tabla independientemente de la cabecera y el
pie de página. Además, al imprimir una tabla grande que abarca varias
páginas, estos elementos pueden permitir a la cabecera de la tabla y pie de
página que se imprimirá en la parte superior e inferior de cada página.
<table border="1">    <tbody>
 <thead>               <tr>
  <tr>                   <td>Enero</td>
   <th>Mes</th>          <td>100</td>
   <th>Monto</th>      </tr>
  </tr>                <tr>
 </thead>                <td>Febrero</td>
 <tfoot>                 <td>80</td>
  <tr>                 </tr>
   <td>Suma</td>      </tbody>
   <td>180</td>      </table>
  </tr>
 </tfoot>
La etiqueta <td> define un estándar de celda en una tabla HTML.
Una tabla HTML tiene dos tipos de celdas:
    Celdas     de   encabezado    -   contiene   información   del
      encabezado (creada con el elemento <th>)
    Las celdas estándar - contiene datos (creada con el elemento
      <td>).
Dentro de las columnas tenemos los atributos rowspan y colspan.
Estos atributos permite realizar combinaciones de celdas.
<table border="1">
El       atributo  colspan <tr>
especifica el número de       <td>Enero</td>
                              <td>100</td>
columnas de una celda </tr>
debe combinar. Ejemplo:     <tr>
                              <td>Febrero</td>
  Enero        100
                              <td>80</td>
  Febrero      80
                            </tr>
  Total 180                 <tr>
                              <td colspan="2">Total:
                           180</td>
                            </tr>
                           </table>
<table border="1">
El       atributo    rowspan <tr>
especifica el número de         <td>Enero</td>
                                <td rowspan="2"> 100</td>
filas de una celda debe </tr>
combinar. Ejemplo:            <tr>
                                <td>Febrero</td>
   Enero
                             </tr>
   Febrero        100         <tr>
   Marzo          80            <td>Marzo</td>
                                <td>80</td>
                              </tr>
                             </table>

Contenu connexe

Tendances (18)

Comandos Paquete Oficce
Comandos Paquete OficceComandos Paquete Oficce
Comandos Paquete Oficce
 
Comandos de yordi miranda carrillo
Comandos de yordi miranda carrilloComandos de yordi miranda carrillo
Comandos de yordi miranda carrillo
 
Introdu css clase1
Introdu css clase1Introdu css clase1
Introdu css clase1
 
Indes.html
Indes.htmlIndes.html
Indes.html
 
Factores de HTML_Andrea Sofia
Factores de HTML_Andrea SofiaFactores de HTML_Andrea Sofia
Factores de HTML_Andrea Sofia
 
Inf2 p1b exc15_celin_valenzuela
Inf2 p1b exc15_celin_valenzuelaInf2 p1b exc15_celin_valenzuela
Inf2 p1b exc15_celin_valenzuela
 
Comandos de kenyuris camacho
Comandos de kenyuris camachoComandos de kenyuris camacho
Comandos de kenyuris camacho
 
4
44
4
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Tablas de HTML
Tablas de HTMLTablas de HTML
Tablas de HTML
 
COMANDOS DE MARÍA MIRANDA
COMANDOS DE MARÍA MIRANDACOMANDOS DE MARÍA MIRANDA
COMANDOS DE MARÍA MIRANDA
 
taller V
taller Vtaller V
taller V
 
Comandos de shirlys torres
Comandos de shirlys torresComandos de shirlys torres
Comandos de shirlys torres
 
Unidad #3
Unidad #3Unidad #3
Unidad #3
 
Comandos de estefany terminado
Comandos de estefany terminadoComandos de estefany terminado
Comandos de estefany terminado
 
Trabajo 6
Trabajo 6Trabajo 6
Trabajo 6
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Guía básica para escritura de tesis en latex
Guía básica para escritura de tesis en latexGuía básica para escritura de tesis en latex
Guía básica para escritura de tesis en latex
 

En vedette (9)

Php
PhpPhp
Php
 
Manejo de archivos
Manejo de archivosManejo de archivos
Manejo de archivos
 
Seguridad De InformacióN Iso 27001
Seguridad De InformacióN Iso 27001Seguridad De InformacióN Iso 27001
Seguridad De InformacióN Iso 27001
 
Crear una página básica en HTML
Crear una página básica en HTMLCrear una página básica en HTML
Crear una página básica en HTML
 
Segunda Clase de xhtml
Segunda Clase de xhtmlSegunda Clase de xhtml
Segunda Clase de xhtml
 
CLASE DE HTML
CLASE DE HTML CLASE DE HTML
CLASE DE HTML
 
Hojas estilo
Hojas estiloHojas estilo
Hojas estilo
 
Etiquetas en Html
Etiquetas en HtmlEtiquetas en Html
Etiquetas en Html
 
Presentación de Algoritmos
Presentación de AlgoritmosPresentación de Algoritmos
Presentación de Algoritmos
 

Similaire à Clase tres de xhtml

Similaire à Clase tres de xhtml (20)

Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Inf2 exc15 p1_a_unidad 3_html_fridaleyva
Inf2 exc15 p1_a_unidad 3_html_fridaleyvaInf2 exc15 p1_a_unidad 3_html_fridaleyva
Inf2 exc15 p1_a_unidad 3_html_fridaleyva
 
Inf2 exc15 p1_a_unidad 3_html_fridaleyva
Inf2 exc15 p1_a_unidad 3_html_fridaleyvaInf2 exc15 p1_a_unidad 3_html_fridaleyva
Inf2 exc15 p1_a_unidad 3_html_fridaleyva
 
Pagina web 5.
Pagina web 5.Pagina web 5.
Pagina web 5.
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Tablas
TablasTablas
Tablas
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Tablas
TablasTablas
Tablas
 
Tablas
TablasTablas
Tablas
 
tablas.pptx
tablas.pptxtablas.pptx
tablas.pptx
 
internet
internetinternet
internet
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Portada
PortadaPortada
Portada
 
Tablas
TablasTablas
Tablas
 

Plus de Duglas Oswaldo Moreno Mendoza

Plus de Duglas Oswaldo Moreno Mendoza (20)

Fases dek Diseño Instruccional
Fases dek Diseño InstruccionalFases dek Diseño Instruccional
Fases dek Diseño Instruccional
 
Diseño Instruccional
Diseño InstruccionalDiseño Instruccional
Diseño Instruccional
 
Ponencia Seguridad de Datos
Ponencia Seguridad de DatosPonencia Seguridad de Datos
Ponencia Seguridad de Datos
 
Sematicas cabecera
Sematicas cabeceraSematicas cabecera
Sematicas cabecera
 
Nuevas Etiquetas
Nuevas EtiquetasNuevas Etiquetas
Nuevas Etiquetas
 
Meta etiquetas
Meta etiquetasMeta etiquetas
Meta etiquetas
 
Formularios
FormulariosFormularios
Formularios
 
Elementos de audio
Elementos de audioElementos de audio
Elementos de audio
 
Introducción al HTML
Introducción al HTML Introducción al HTML
Introducción al HTML
 
Infografia de PHP
Infografia de PHPInfografia de PHP
Infografia de PHP
 
Moodle como una herramienta de Enseñanza y Aprendizaje en la Educación Virtual
Moodle como una herramienta de Enseñanza y Aprendizaje en la Educación VirtualMoodle como una herramienta de Enseñanza y Aprendizaje en la Educación Virtual
Moodle como una herramienta de Enseñanza y Aprendizaje en la Educación Virtual
 
Una biografía que es como un cuento
Una biografía que es como un cuentoUna biografía que es como un cuento
Una biografía que es como un cuento
 
INFOGRAFIA DE PHP
INFOGRAFIA DE PHPINFOGRAFIA DE PHP
INFOGRAFIA DE PHP
 
Observador del conocimmiento n°1 vol 2
Observador del conocimmiento n°1 vol 2Observador del conocimmiento n°1 vol 2
Observador del conocimmiento n°1 vol 2
 
Observador del conocimmiento n°1 vol 1
Observador del conocimmiento n°1 vol 1Observador del conocimmiento n°1 vol 1
Observador del conocimmiento n°1 vol 1
 
Manual programacion Android
Manual programacion AndroidManual programacion Android
Manual programacion Android
 
Variables y Bucles
Variables y BuclesVariables y Bucles
Variables y Bucles
 
Historia de PHP
Historia de PHPHistoria de PHP
Historia de PHP
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Primera Clase de xhtml
Primera Clase de xhtmlPrimera Clase de xhtml
Primera Clase de xhtml
 

Dernier

2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
patriciaines1993
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
MiNeyi1
 

Dernier (20)

Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
 

Clase tres de xhtml

  • 1.
  • 2. La etiqueta <img> define una imagen en una página HTML. La etiqueta <img> tiene dos atributos requeridos: src y alt. Nota: Las imágenes no están técnicamente insertado en una página HTML, las imágenes están vinculadas a las páginas HTML. La etiqueta <img> crea un espacio para la custodia de la imagen de referencia. Ejemplo del uso de la etiqueta: <img src="smiley.gif" alt="Smiley face" height="42" width="42"> El atributo src indica la ruta de la imagen, puede ser enlace interno o externo. El atributo alt es un texto alternativo que se colocara si el enlace esta roto. El atributo height y width sirve para cambiar el tamaño de la imagen. El atributo align sirve para alinear la imagen.
  • 3. La etiqueta <a> define un hipervínculo, que se utiliza para vincular de una página a otra. El atributo más importante del elemento <a> es el atributo href, que indica el destino del vínculo. De forma predeterminada, los enlaces aparecerán de la siguiente manera en todos los navegadores:  Un enlace no visitado está subrayado y azul  Un enlace visitado está subrayado y púrpura  Un vínculo activo está subrayado y el rojo Otros atributos que existe es el target que permite abrir el enlace en una nueva pestaña. Ejemplo: <a href="http://www.google.com">Entrar</a>
  • 4. La etiqueta <table> define una tabla HTML. Una tabla HTML consiste en el elemento <table> y <tr> uno o más, <th> y elementos <td>. El elemento <tr> define una fila de la tabla, el elemento <th> define un encabezado de la tabla, y el elemento <td> define una celda de tabla. Una tabla HTML más complejos pueden incluir también <caption>, <col>, <colgroup>, <thead>, <tfoot> y elementos <tbody>.
  • 5. Ejemplo de uso de <table border="1"> la etiqueta table, <tr> donde las etiquetas <th>Mes</th> tr permite apertura <th>Monto</th> una fila y las </tr> etiquetas td o th <tr> <td>Enero</td> apertura una <td>100</td> columna. </tr> </table>
  • 6. La etiqueta <tbody> se utiliza para agrupar el contenido del cuerpo en una tabla HTML. El elemento <tbody> se utiliza en conjunción con los elementos <thead> y <tfoot> para especificar cada parte de una tabla (cuerpo, encabezado, pie de página). Los navegadores pueden usar estos elementos para habilitar el desplazamiento del cuerpo de la tabla independientemente de la cabecera y el pie de página. Además, al imprimir una tabla grande que abarca varias páginas, estos elementos pueden permitir a la cabecera de la tabla y pie de página que se imprimirá en la parte superior e inferior de cada página.
  • 7. <table border="1"> <tbody> <thead> <tr> <tr> <td>Enero</td> <th>Mes</th> <td>100</td> <th>Monto</th> </tr> </tr> <tr> </thead> <td>Febrero</td> <tfoot> <td>80</td> <tr> </tr> <td>Suma</td> </tbody> <td>180</td> </table> </tr> </tfoot>
  • 8. La etiqueta <td> define un estándar de celda en una tabla HTML. Una tabla HTML tiene dos tipos de celdas:  Celdas de encabezado - contiene información del encabezado (creada con el elemento <th>)  Las celdas estándar - contiene datos (creada con el elemento <td>). Dentro de las columnas tenemos los atributos rowspan y colspan. Estos atributos permite realizar combinaciones de celdas.
  • 9. <table border="1"> El atributo colspan <tr> especifica el número de <td>Enero</td> <td>100</td> columnas de una celda </tr> debe combinar. Ejemplo: <tr> <td>Febrero</td> Enero 100 <td>80</td> Febrero 80 </tr> Total 180 <tr> <td colspan="2">Total: 180</td> </tr> </table>
  • 10. <table border="1"> El atributo rowspan <tr> especifica el número de <td>Enero</td> <td rowspan="2"> 100</td> filas de una celda debe </tr> combinar. Ejemplo: <tr> <td>Febrero</td> Enero </tr> Febrero 100 <tr> Marzo 80 <td>Marzo</td> <td>80</td> </tr> </table>