▶ Agencia SEO | Posicionamiento web en toda España

etiquetas html5

El atributo <a href> hace referencia a un destino proporcionado por un enlace. La etiqueta a (anchor) está muerta sin el atributo <href>. A veces, en tu flujo de trabajo, no quieres un enlace vivo o no conoces todavía el destino del enlace. En este caso, es útil establecer el atributo href a “#” para crear un enlace muerto. El atributo hrefat puede utilizarse para enlazar con archivos locales o con archivos de Internet.

hreflang : Especifica el idioma del recurso enlazado. target : Especifica el contexto en el que se abrirá el recurso enlazado. title : Define el título de un enlace, que aparece al usuario en forma de tooltip.

También es posible establecer un ancla a un lugar determinado de la página. Para ello, primero debe colocar una pestaña en el lugar de la página con la etiqueta y el atributo necesario “nombre” con cualquier descripción de palabras clave en él, así:

Cualquier descripción entre las etiquetas no es necesaria. Después puede colocar un enlace que lleve a este ancla en cualquier lugar de la misma página. Para ello debe utilizar la etiqueta con el atributo necesario “href” con el símbolo # (sharp) y la descripción de la palabra clave del ancla, así:

lista de códigos html

Este tutorial es una introducción a las 10 etiquetas HTML más comunes. HTML es un lenguaje de marcado muy simple. A pesar de que hay cerca de 100 etiquetas en HTML5, por lo general sólo terminas usando un puñado el 99% de las veces. Te voy a enseñar 10 etiquetas HTML que necesitas para marcar casi todo el contenido y cualquier otra cosa que se te ocurra al crear una página web.

Las 10 etiquetas HTML de la lista de abajo son para formatear el contenido. Si has leído el último tutorial, ya sabes cómo utilizar las etiquetas de encabezamiento y párrafo, así que voy a enseñarte las 8 etiquetas HTML restantes que necesitas. No te preocupes, aunque parezcan muchas etiquetas nuevas para aprender, son fáciles de recordar y todas funcionan de la misma manera. Estas son las 10 etiquetas HTML que te voy a enseñar:

Empecemos con algo muy común. Crear palabras en negrita y cursiva. Abre el documento de ejemplo del primer tutorial – ejemplo1.doc en tu procesador de textos favorito (Microsoft Word u otro). Adelante, haz un par de palabras en negrita en tus párrafos y haz también algunas palabras en cursiva. Ya sabes cómo hacerlo. Su documento debe ser algo parecido al ejemplo de abajo:

etiquetas html explicadas

Etiquetas HTML con ejemplosHemos clasificado y enumerado las etiquetas HTML arriba en base a sus usos. Ahora vamos a discutir todas las etiquetas enumeradas anteriormente en detalle con examples.HTML DoctypeDoctype es una declaración de tipo de documento para el navegador. Aparece en la parte superior del documento HTML e indica al navegador el estándar de HTML o el tipo de lenguaje de marcado. Aunque no es necesario utilizarlo, es una recomendación del W3C. Ejemplo <!DOCTYPE html>

Etiqueta htmlLa etiqueta <html> es la etiqueta superior en HTML. Es la raíz de un documento HTML. Todas las demás etiquetas del documento HTML se encuentran dentro de ella.Siempre debes utilizar el atributo lang con la etiqueta <html>. Declara el idioma de la página web a los navegadores y motores de búsqueda.

Etiqueta headLa etiqueta <head> contiene información sobre la página web que no es visible para los usuarios. Se trata de información legible por la máquina, como el script, los metadatos, el título, las hojas de estilo, etc.La cabecera del documento HTML puede contener las etiquetas <title>, <meta>, <style>, <link>, <base>, <script> y <noscript>.