HTML (Lenguaje de marcado de hipertexto) es el lenguaje de marcado utilizado para crear páginas web. Su función principal es estructurar el contenido de un sitio mediante etiquetas que indican cómo se debe visualizar la información en un navegador. 

<meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Ejemplo de Tabla en HTML</title>

    <style>

        body {

            font-family: Arial, sans-serif;

            text-align: center;

        }

        table {

            width: 60%;

            margin: auto;

            border-collapse: collapse;

            border: 2px solid black;

        }

        th, td {

            border: 1px solid gray;

            padding: 10px;

        }

        th {

            background-color: lightgray;

        }

        tr:nth-child(even) {

            background-color: #f2f2f2;

        }

    </style>

Enlaces

Los enlaces se encuentran en casi todas las páginas web. Los enlaces permiten a los usuarios hacer clic de una página a otra.

Enlaces HTML - Hipervínculos

• Los enlaces HTML son hipervínculos.

• Puedes hacer clic en un enlace y saltar a otro documento.

• Cuando mueves el mouse sobre un enlace, la flecha del mouse se convertirá en una pequeña mano.

• No todos los enlaces son texto, las imágenes también pueden ser enlaces

Enlaces HTML - Sintaxis

Los hipervínculos se definen con la etiqueta <a>

El atributo href especifica la dirección de destino del enlace.

Imágenes como enlaces

border: 0; se agrega para evitar que IE9 (y anteriores) muestre un borde alrededor de la imagen (cuando la imagen es un enlace).

El atributo title en los enlaces

El atributo title especifica información adicional sobre un elemento. La información se muestra cuando pasamos el mouse por encima del elemento.

<a href="DIRECCION URL DEL ENLACE" title="Ve a mi web!">RAFAEL</a>

Colores

Por defecto, los enlaces en todos los navegadores son:

• Un enlace no visitado está subrayado y azul

• Un enlace visitado está subrayado y morado

• Un enlace activo está subrayado y rojo

Se puede cambiar los colores predeterminados usando CSS.

<style>

a:link {

  color: green;

  background-color: transparent;

  text-decoration: none;

}

a:visited {

  color: pink;

  background-color: transparent;

  text-decoration: none;

}

a:hover {

  color: red;

  background-color: transparent;

  text-decoration: underline;

}

a:active {

  color: yellow;

  background-color: transparent;

  text-decoration: underline;

}

</style>

<a href="URL DEL ENLACE UTILIZADO">RAFA</a>

También usando CSS puedes hacer que un enlace tenga estilo de botón. 

<style>

a:link, a:visited {

  background-color: lightblue;

  color: black;

  padding: 15px 25px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

}

a:hover, a:active {

  background-color: blue;

  color: white

}

</style>

<a href="https://kikopalomares/">Kiko Palomares</a>

1) Crear una pagina web, utilizando las etiquetas hasta ahora utilizadas; la pagina web debe llevar lo siguiente.

A) Un encabezado principal ( Tematica nuevas tecnologias ).

B) Un Tabla con 4 columnas, cada columna es un tecnologia emergente.

C) Dos parrafos en referencia a las tecnologias emergentes.

D) Un hipervinculo de direccionamiento a una pagina web