Etiquetas HTML Básicas

“Etiquetas HTML Básicas”
Las etiquetas HTML más utilizadas son:

1. <!DOCTYPE>: Se utiliza para especificar la versión de HTML que se está utilizando en la
página.
<!DOCTYPE> informa al navegador qué versión de HTML (o

XML) se usó para escribir el documento. Doctype es una
declaración no una etiqueta. Además, podemos referirnos a
ella como "document type declaration" o por las siglas "DTD".
La tarea de DOCTYPE HTML es explicar a los programadores y navegadores, a primera vista, de

qué Document Type Definition (DTD) se trata y cómo debe renderizarse la web. El DTD indica qué
lenguaje de código se utiliza en la página o en el documento HTML. Esto se aplica, por ejemplo, a
los archivos HTML, XHTML, SVG, MathML o XML. ¡Cualquiera que aprenda HTML y quiera crear un
sitio web debería por tanto insertar <!DOCTYPE html> al principio.
Algunos consejos que te ayudarán a utilizar la etiqueta DOCTYPE de manera efectiva:
 Siempre coloca la declaración DOCTYPE en la parte superior de tu documento HTML,

antes de la etiqueta HTML de apertura.
 Usa siempre la declaración DOCTYPE, incluso en las páginas más sencillas. Esto ayuda a
prevenir problemas de visualización en diferentes navegadores.
 No olvides cerrar la etiqueta DOCTYPE. Aunque esto puede parecer obvio, es fácil pasar
por alto este pequeño detalle, especialmente cuando estás en medio de un proyecto de
desarrollo web intensivo.
Ahora hablemos de cómo usar DOCTYPE. Es tan sencillo como incluir la siguiente línea al principio
de tu documento HTML:
<!DOCTYPE html>
Eso es todo. No hay atributos que configurar ni nada que complicar. Esa es una de las muchas
ventajas de HTML5.
2. <html>: Define el inicio y el final de la página web.

HTML no es un lenguaje de programación; es un lenguaje de marcado que
define la estructura de tu contenido. HTML consiste en una serie de
elementos que usarás para encerrar diferentes partes del contenido para
que se vean o comporten de una determinada manera.
El lenguaje HTML sirve para describir la estructura básica de una página y

organizar la forma en que se mostrará su contenido, además de que HTML permite incluir enlaces
hacia otras páginas o documentos.
Su funcionamiento general se basa en que los usuarios web pueden crear y estructurar secciones,
párrafos y enlaces mediante elementos, etiquetas y atributos. A continuación, te presentaremos
sus usos más comunes:
 Desarrollo web: Los desarrolladores pueden utilizar el código HTML para diseñar la forma
en que un navegador muestra los elementos de la página web, como el texto, los
hipervínculos y los archivos multimedia.
 Navegación por Internet: Como visitante, puedes navegar fácilmente y seguir enlaces
entre páginas y sitios web relacionados, ya que el HTML se utiliza en gran medida para
incrustar hipervínculos.
 Documentación web: HTML te permite organizar y dar formato a los documentos, de
forma similar a como lo haces con Microsoft Word.
Normalmente un sitio web incluye varias páginas HTML diferentes. Estas podrían ser, una página
de inicio, una página de presentación y una página de contacto, cada una de estas tienen archivos
HTML distintos.
3. <head>: Define la sección de encabezado de la página, donde se incluyen elementos como

el título de la página, meta etiquetas, scripts, entre otros.
La HEAD es la primera de las dos partes en que se estructura

un documento HTML. En la HEAD reside información acerca
del documento, y generalmente no se ve cuando se navega
por él. En la HEAD se pone el elemento lleno <TITLE> que es
una breve descripción que identifica la página.
Contiene información como el título de la página, enlaces al CSS para aplicar estilo al contenido
HTML, enlaces para personalizar el favicon y otros metadatos, como quién lo escribió y palabras
claves importantes que describen el documento.
4. <title>: Define el título de la página web que aparece en la pestaña del navegador.
El tag title (título) es un tag de código HTML que le permite darle un título a una página web. Este
título se puede encontrar en la barra de título del navegador, así como en las páginas de
resultados de los buscadores (SERP, por sus siglas en inglés).
Las etiquetas <title> se colocan dentro de la etiqueta <head> y

normalmente se usan para describir el contenido de la página.
El atributo global title contiene un texto representado información

relacionada al elemento al cual pertenece. Tal información puede
típicamente, pero no necesariamente, ser presentada al usuario como un tip. Aquí hay algunos
usos típicos para este atributo:
Vínculo: el título o la descripción del documento vinculado
Elemento mediático como una imagen: una descripción o créditos asociados
Párrafo: una nota de pié de página o comentario acerca de este
Cita: alguna información sobre el autor y otros datos.
5. <body>: Define la sección del cuerpo de la página web, donde se incluyen todos los
elementos que se mostrarán en la página.
La etiqueta <body> es un elemento esencial en un documento HTML

que define el área donde se coloca todo el contenido visible de la
página web.
Es un contenedor que alberga texto, imágenes, enlaces, multimedia,

formularios y otros elementos HTML que los visitantes pueden ver y con los que pueden
interactuar.
La etiqueta <body> se encuentra dentro de la etiqueta <html> y sigue a la etiqueta <head> en la

estructura de un documento HTML.
En términos simples, la etiqueta <body> es el “esqueleto” de una página web, y su contenido
conforma la “carne” que le da forma y propósito. Los navegadores web utilizan la información
contenida dentro de la etiqueta <body> para renderizar y mostrar el contenido de una página web
a los usuarios.
Atributos de la etiqueta <body
Aunque la etiqueta <body> no tiene atributos específicos en HTML5, hay algunos atributos
globales que son aplicables y comúnmente utilizados en este elemento, como id y class.
Estos atributos son útiles para asignar identificadores únicos o clases de estilo a la etiqueta
<body>, lo que permite aplicar estilos CSS y manipular el contenido con JavaScript de manera más
efectiva.
A continuación, se describen los atributos id y class y cómo utilizarlos con la etiqueta <body>:
Atributo id
El atributo id se utiliza para asignar un identificador único a un elemento HTML, incluida la

etiqueta <body>. El valor del atributo id debe ser único dentro del documento HTML y puede
utilizarse para aplicar estilos CSS específicos o para seleccionar y manipular el elemento con
JavaScript.
Atributo class
El atributo class se utiliza para asignar una o más clases de estilo a un elemento HTML, incluida la
etiqueta <body>.
Las clases de estilo permiten aplicar estilos CSS a múltiples elementos que comparten la misma
clase, lo que facilita la aplicación de estilos consistentes en todo el sitio web.
<body> </body>
Indica la parte del cuerpo del contenido de un documento HTML. Es una etiqueta esencial para
cualquier documento ya que indica donde empieza el contenido visible del documento.
La etiqueta <body> se encuentra dentro de la etiqueta <html> y sigue a la etiqueta <head> en la

estructura de un documento HTML. En términos simples, la etiqueta <body> es el “esqueleto” de
una página web, y su contenido conforma la “carne” que le da forma y propósito.
6. <h1> a <h6>: Define los encabezados o títulos de diferentes
niveles de jerarquía en la página web. El uso de esta etiqueta
formateará cualquier texto entre la etiqueta <h> de apertura y la
etiqueta </h> de cierre como un Título o subtítulo. Por ejemplo,
en <h>Etiqueta de encabezamiento</h2>, <h2> y </h2> serían las
etiquetas HTML y "Etiqueta de encabezamiento" es el elemento
HTML, es decir, el encabezamiento de la página.
En HTML5, los títulos y subtítulos se definen utilizando las etiquetas <h1> hasta <h6>. Cada
etiqueta representa un nivel de encabezado y se utiliza para identificar la importancia de un título
o subtítulo dentro de un documento.
Es importante tener en cuenta que los navegadores y motores de búsqueda utilizan los títulos y
subtítulos para comprender la estructura y el contenido de una página, por lo que es
recomendable utilizarlos adecuadamente.
Etiqueta H1 en HTML
<h1> es una etiqueta de encabezado en HTML5 que se utiliza para definir el título principal de una
página web. Esta etiqueta es la más importante de todas las etiquetas de encabezado y debe ser
utilizada para el título principal que describe el contenido general de la página.
Etiqueta H2 en HTML
<h2> es una etiqueta de encabezado en HTML5 que se utiliza para definir subtítulos secundarios
debajo del título principal definido con la etiqueta <h1>.
Esta etiqueta es la segunda en importancia entre todas las etiquetas de encabezado y se utiliza
para dividir y organizar el contenido de una página en secciones y subsecciones.
Etiqueta H3 en HTML
<h3> es una etiqueta de encabezado en HTML5 que se utiliza para definir subtítulos terciarios
debajo de un subtítulo secundario definido con la etiqueta <h2>.
Esta etiqueta es la tercera en importancia entre todas las etiquetas de encabezado y se utiliza para
dividir y organizar el contenido de una sección en subsecciones más específicas.
Etiqueta H4 en HTML
<h4> es una etiqueta de encabezado en HTML5 que se utiliza para definir subtítulos cuartarías
debajo de un subtítulo terciario definido con la etiqueta <h3>.
Esta etiqueta es la cuarta en importancia entre todas las etiquetas de encabezado y se utiliza para
dividir y organizar el contenido de una subsección en partes más específicas.
Etiqueta H5 en HTML
<h5> es una etiqueta de encabezado en HTML5 que se utiliza para definir subtítulos quintarías
debajo de un subtítulo cuartaría definido con la etiqueta <h4>.
Esta etiqueta es la quinta en importancia entre todas las etiquetas de encabezado y se utiliza para
dividir y organizar el contenido de una parte en sub partes más específicas.
Etiqueta H6 en HTML
<h6> es una etiqueta de encabezado en HTML5 que se utiliza para definir subtítulos sextarios
debajo de un subtítulo quinario definido con la etiqueta <h5>.
Esta etiqueta es la sexta y última en importancia entre todas las etiquetas de encabezado y se
utiliza para dividir y organizar el contenido de una sub parte en partes más específicas.

Etiquetas HTML Básicas

Cargado por

Información del documento

Descripción original:

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Etiquetas HTML Básicas

Cargado por

Copyright:

Formatos disponibles

“Etiquetas HTML Básicas”

Las etiquetas HTML más utilizadas son:

<!DOCTYPE> informa al navegador qué versión de HTML (o

La tarea de DOCTYPE HTML es explicar a los programadores y navegadores, a primera vista, de

Algunos consejos que te ayudarán a utilizar la etiqueta DOCTYPE de manera efectiva:

 Siempre coloca la declaración DOCTYPE en la parte superior de tu documento HTML,

2. <html>: Define el inicio y el final de la página web.

El lenguaje HTML sirve para describir la estructura básica de una página y

3. <head>: Define la sección de encabezado de la página, donde se incluyen elementos como

La HEAD es la primera de las dos partes en que se estructura

Las etiquetas <title> se colocan dentro de la etiqueta <head> y

El atributo global title contiene un texto representado información

Vínculo: el título o la descripción del documento vinculado

Elemento mediático como una imagen: una descripción o créditos asociados

Párrafo: una nota de pié de página o comentario acerca de este

Cita: alguna información sobre el autor y otros datos.

La etiqueta <body> es un elemento esencial en un documento HTML

Es un contenedor que alberga texto, imágenes, enlaces, multimedia,

La etiqueta <body> se encuentra dentro de la etiqueta <html> y sigue a la etiqueta <head> en la

Atributos de la etiqueta <body

El atributo id se utiliza para asignar un identificador único a un elemento HTML, incluida la

La etiqueta <body> se encuentra dentro de la etiqueta <html> y sigue a la etiqueta <head> en la

También podría gustarte