01 - Etiquetas HTML

Descargar como pdf o txt
Descargar como pdf o txt
Está en la página 1de 3

¿Qué son las etiquetas en HTML?

En HTML, las etiquetas son elementos fundamentales que se utilizan para


estructurar y dar formato al contenido de una página web. Funcionan como
instrucciones que le dicen al navegador cómo debe interpretar y mostrar el
contenido dentro de ellas. Cada etiqueta comienza con un símbolo menor que
(<) y termina con un símbolo mayor que (>).

Aquí hay una explicación básica de cómo funcionan las etiquetas:

1. Inicio y Fin de Etiqueta:


La mayoría de las etiquetas tienen una forma de apertura y cierre. La
etiqueta de apertura comienza con <nombre> y la etiqueta de cierre
con </nombre>. Por ejemplo, <p> para iniciar un párrafo y </p> para
cerrarlo.

<p>Este es un párrafo.</p>

1. Atributos:
Algunas etiquetas pueden tener atributos que proporcionan información
adicional. Los atributos se colocan dentro de la etiqueta de apertura
y generalmente tienen un nombre y un valor.

<a href="https://www.ejemplo.com">Enlace a Ejemplo</a>

En este ejemplo, href es un atributo de la etiqueta <a> que especifica la


URL a la que enlaza el enlace.

1. Etiquetas Anidadas:
Puedes anidar etiquetas colocando una dentro de otra. Por ejemplo, un
párrafo que contiene un enlace:

<p>Visita mi <a href="https://www.sitio.com">sitio web</a>.</p>

1. Etiquetas Vacías:
Algunas etiquetas no tienen contenido y se llaman etiquetas vacías.
Se cierran en sí mismas con un slash antes del símbolo mayor que.

<img src="imagen.jpg" alt="Descripción de la imagen" />

En resumen, las etiquetas en HTML son bloques de construcción esenciales


que permiten definir la estructura y presentación de una página web. Cada
etiqueta tiene un propósito específico y contribuye a la creación de la
experiencia visual y funcional de la página.

Aquí tienes una explicación breve de algunas


etiquetas HTML fundamentales:
<!DOCTYPE html>:

Define la versión de HTML que estás utilizando. En este caso, HTML5.

<html>:

Es el elemento raíz de un documento HTML. Todo el contenido de la página va


dentro de este elemento.

<head>:

Contiene información meta sobre el documento, como el título de la página,


enlaces a hojas de estilo, y otros metadatos.

<title>:

Define el título de la página que aparecerá en la pestaña del navegador.

<body>:

Contiene el contenido principal de la página, como texto, imágenes, enlaces,


etc.

<h1>, <h2>, ..., <h6>:

Definen encabezados de diferentes niveles, siendo <h1> el más importante y


<h6> el menos importante.

<p>:

Define un párrafo de texto.


<a>:

Crea un enlace (hipervínculo) a otra página web o recurso.

<img>:

Inserta una imagen en la página. El atributo src especifica la fuente (URL) de


la imagen.

<ul>, <ol>, <li>:

<ul> y <ol> son para listas no ordenadas y ordenadas, respectivamente. <li>


define elementos de lista dentro de ellas.

<table>, <tr>, <td>:

<table> crea una tabla, <tr> define una fila, y <td> define celdas dentro de
la tabla.

<form>, <input>, <textarea>, <button>:

<form> define un formulario, mientras que <input>, <textarea>, y <button> son


elementos dentro de un formulario para recopilar datos del usuario.

<div> y <span>:

<div> se utiliza para dividir el contenido en bloques, y <span> para aplicar


estilos o scripts a partes específicas de texto.

<strong> y <em>:

<strong> hace que el texto sea más fuerte (generalmente en negrita), mientras
que <em> enfatiza el texto (generalmente en cursiva).

También podría gustarte

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy