Valerie Ordoñez

Tipos de Etiquetas

En HTML y CSS tenemos diferentes tipos de etiquetas cada uno con un propósito en particular una etiqueta puede componerse de dos maneras.

📍ESTRUCTURA DE ETIQUETAS📍
➲Etiquetas que solo se aperturan	➲Etiquetas que tienen una apertura y un cierre
➲Este tipo de etiqueta comúnmente se utilizan para indicar una dirección u origen, se componen por argumentos u opciones tales como src, href.	➲Este tipo de etiquetas común mente se utilizan para encontrar un contenido tales como texto, img, entre otros.

✅Listado de etiquetas dirigidas al texto

<p></p> Se utiliza para colocar un texto
<h1></h1> Se utiliza para colocar un titulo
<h2></h2>Texto grande
<h3></h3>Texto algo más grande de lo normal
<h4></h4>Texto normal
<h5></h5>Texto pequeño
<h6></h6>Texto muy pequeño
<label></label>representa una etiqueta para un elemento en una interfaz de usuario.
<br><br> Se utiliza para hacer un salto de texto

✅Listado de etiquetas dirigidas a objetos

<img> Se utiliza para colocar una imagen
<header> Se utiliza para colocar un encabezado
<section> Se utiliza para dividir en secciones
<a> </a> Se utilza para colocar un link
<a></a>
<footer></footer>
<table></table>

✅Listado de propiedades css dirigidas a texto

color: #ffffff; Se utiliza para darle color al texto
font-size: 1px; Se utiliza para cambiar de tamaño el texto
font-family: Se utiliza para cambiar la fuente del texto
text-align: Se utilza para alinear un texto
<style></style>

Permite a los autores insertar información de hojas de estilo dentro del documento.

<body><body>

Es el contenedor para todos los aspectos representables de un documento.

<article></article>

Representa una composición auto-contenida en un documento, página, una aplicación o en el sitio, que se destina a distribuir de forma independiente o reutilizable.

<section></section>

Representa una sección genérica de un documento.

<header></header>

Representa un grupo de ayudas introductorias o de navegación.

<footer></footer>

Representa un pie de página para el contenido de sección más cercano o el elemento raíz de sección (p.e, su ancestro mas cercano.

<img></img>

Representa una sección de una página cuyo propósito es proporcionar enlaces de navegación, ya sea dentro del documento actual o a otros documentos.

✅Listado de propiedad css dirigidas a objetos

width: 100px; Se utiliza para cambiar el ancho de una imagen
height: 100px; Se utiliza para cambiar el alto de una imagen
border: 30px; Se utiliza para agregar un borde a una imagen o a un texto

margin: ;

Establece los márgenes de un elemento especificando entre uno y cuatro valores, donde cada valor es una longitud, un porcentaje o auto.

padding: ;

Es el espacio entre el contenido del elemento y su borde (border).