Etiquetas HTML

Tiempo de lectura: 2 minutos

<html>: Define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML.

<head>: Define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador.

<title>: Define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.

<link>: Vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.

<style>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>.

<meta>: Para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.

<script>: Incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de JavaScript text/javascript.

<body>: Define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas.

<h1>, <h2>, <h3>, <h4>,<h5> y<h6>: Encabezados o títulos del documento con diferente relevancia.

<table>: Define una tabla.

<tr>: Fila de una tabla.

<td>: Celda de una tabla (debe estar dentro de una fila).

<a>: Hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.example.com" title="Ejemplo" target="_blank" tabindex="1">Ejemplo</a> se representa como ejemplo.​

<div>: División de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido.

<img>: Imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".

<ol>: Etiqueta para listas ordenadas.

<ul>: Etiqueta para listas desordenadas.

<li>: Etiqueta elementos de una lista.

<b>: Texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>).

<i>: Texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>).

<s>: Texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>).

<u>: Antes texto subrayado. Diferente funcionalidad a partir de HTML5.

<span>: Sirve para diferenciar un texto de otro.

<br>: Sirve para provocar un salto de línea. Esta etiqueta no se cierra.

<hr>: Sirve para provocar un cambio de tema entre párrafos. Esta etiqueta no se cierra.

Deja un comentario