SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
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>

Más contenido relacionado

La actualidad más candente

La actualidad más candente (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
 

Destacado (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
 

Similar a Clase tres de xhtml

Similar a 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
 

Más de Duglas Oswaldo Moreno Mendoza

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 VirtualDuglas Oswaldo Moreno Mendoza
 

Más 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
 

Último

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 2024IES Vicent Andres Estelles
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
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).pptAlberto Rubio
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresJonathanCovena1
 
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 2024IES Vicent Andres Estelles
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxEliaHernndez7
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Juan Martín Martín
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOPsicoterapia Holística
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCCarlosEduardoSosa2
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxFernando Solis
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxhenarfdez
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfMercedes Gonzalez
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxroberthirigoinvasque
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfJonathanCovena1
 

Último (20)

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
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
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
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
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
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
Novena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan EudesNovena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan Eudes
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 

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>