Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Etiquetas HTML Básicas
Etiquetas HTML Básicas
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.
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.
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).
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.
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
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.
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.