Metadatos del documentoLos metadatos contienen información sobre la página. Esto incluye información sobre estilos, scripts y datos para ayudar al software (motores de búsqueda, navegadores, etc.) a utilizar y representar la página. Los metadatos para los estilos y los scripts pueden estar definidos en la página o enlazar con otro archivo que tenga la información.
Seccionamiento del contenidoLos elementos de seccionamiento del contenido permiten organizar el contenido del documento en partes lógicas. Utilice los elementos de seccionamiento para crear un esquema amplio para el contenido de su página, incluyendo la navegación de cabecera y pie de página, y los elementos de encabezamiento para identificar las secciones de contenido.
El elemento HTML <article> representa una composición autocontenida en un documento, página, aplicación o sitio, que está destinada a ser distribuida o reutilizada de forma independiente (por ejemplo, en sindicación). Algunos ejemplos son: una entrada de un foro, un artículo de una revista o un periódico, o una entrada de un blog, una ficha de producto, un comentario enviado por un usuario, un widget o gadget interactivo, o cualquier otro elemento de contenido independiente.
El elemento HTML <header> representa el contenido introductorio, normalmente un grupo de ayudas a la introducción o a la navegación. Puede contener algunos elementos de encabezamiento, pero también un logotipo, un formulario de búsqueda, un nombre de autor y otros elementos.
Every web page is actually a HTML file. Each HTML file is just a plain-text file, but with a .html file extension instead of .txt, and is made up of many HTML tags as well as the content for a web page.
Most tags must have two parts, an opening and a closing part. For example, <html> is the opening tag and </html> is the closing tag. Note that the closing tag has the same text as the opening tag, but has an additional forward-slash ( / ) character. I tend to interperet this as the “end” or “close” character.
Most attributes are optional for most tags, and are only used when you want to change something about the default way a tag is displayed by the browser. However, some tags such as the <img> tag has required attributes such as src and alt which are needed in order for the browser to display the web page properly.
Inicio / Blog / Desarrollo web / HTML / Tus primeras 10 etiquetas HTML¿Acabas de empezar con el HTML? Aquí hay 10 etiquetas HTML esenciales que necesitarás conocer cuando construyas tus páginas web. Si aprendes cómo funcionan estas 10 etiquetas, tendrás los conocimientos suficientes para montar una página básica.
El elemento title contiene el título de la página. El título se muestra en la barra de título del navegador (la barra de la parte superior de la ventana del navegador), así como en los marcadores, en los resultados de los motores de búsqueda y en muchos otros lugares.
El elemento body aparece después del elemento head en la página. Debe contener todo el contenido de su página web: texto, imágenes, etc. Todas las páginas web tienen un único elemento body, a excepción de las páginas con marcos, que contienen elementos frame en su lugar.
En realidad, HTML admite 6 elementos de encabezamiento: h1, h2, h3, h4, h5 y h6. h1 es para los encabezamientos más importantes, h2 es para los subencabezamientos menos importantes, y así sucesivamente. Por lo general, no necesitará utilizar más que h1, h2 y h3, a menos que su página sea muy larga y compleja.
Las cosas que van entre llaves triangulares (los caracteres < … >) se llaman etiquetas. Son la parte más importante del marcado HTML que se utiliza para describir la estructura del contenido. Hay etiquetas de apertura y etiquetas de cierre (o etiquetas de inicio y etiquetas de fin) que vienen en pares para encerrar piezas de contenido.
Por ejemplo, en el ejemplo anterior, <title> es una etiqueta de apertura y </title> es la etiqueta de cierre correspondiente. La etiqueta <title> se utiliza para encerrar el título principal del documento: el que se muestra en la barra de título del navegador (y se utiliza como etiqueta si se marca la página, y se muestra en los resultados de los motores de búsqueda de la página).
La etiqueta <p>…</p> se utiliza para encerrar un párrafo de la página. La frase “Este es un párrafo de mi página.” aparecerá formateada como un párrafo cuando veamos la página en un navegador web. Puede ver este archivo HTML aquí.
Puede notar en esa página que el salto de línea en el código anterior no coincide con la forma en que se formatea el párrafo cuando se ve la página (a menos que tenga el tamaño exacto de la ventana del navegador para que se muestre de la misma manera). En HTML, todo el formato debe especificarse con etiquetas (y CSS, como veremos más adelante). La etiqueta <p> indica que queremos que el contenido se formatee como un párrafo: el navegador lo hace y elige los lugares para romper las líneas (entre otras cosas) para su navegador.