Jose Renato

TIPOS DE ETIQUETAS

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

♣ESTRUCTURA DE ETIQUETAS♣
Etiquetas que solo se apertura Etiquetas que tienen una apertura y un sierre
Este tipo de etiqueta común mente se utilizan para indicar una dirección u origen se componen por argumento u opciones tales como src href. Este tipo de etiquetas común mente se utilizan para encerrar un contenido tales como texto img entre otros.

Lista de etiquetas dirigidas al texto

♣ETIQUETAS PARA TITULOS Y DIRIGIDAS A TEXTO♣
<header></header> Se utuliza para colocar un encabezado
<H1></H1> se utiliza para colocar titulos
<H2></H2> se utiliza para colocar titulos
<H3></H3> se utiliza para colocar titulos
<H4></H4> se utiliza para colocar titulos
<H5></H5> se utiliza para colocar titulos
<H6></H6> se utiliza para colocar titulos
<p></p> Se utuliza para colocar un texto
<a></a> Representa un hiperenlace
<em></em> Representa un texto enfatizado
<strong></strong> Representa un texto importante
<small></small> Representa un comentario aparte
<s></s> Representa contenido que no es exacto
<cite></cite> Representa el título de una obra
<q></q> Representa una cita textual entre comillas
<dfn></dfn> Sirve para marcar el término que se quiere definir
<abbr></abbr> Representa una abreviación o un acrónimo
<time></time> Representa un valor de fecha y hora
<code></code> Representa un código de programación
<br></br> Representa un salto de línea
<dd></dd> Indica la definición de los términos listados antes que él.
<link></link> especifica una relacion con otro documento

Listado de etiquetas dirigidas a objetos

♣LISTADO DE ETIQUETAS DIRIGIDAS A OBJETOS♣
<img> Se utiliza para colocar imagenes
<figure> Especifica auto-contenido
<footer> Define el pie de página de un documento
<form> Define un formulario html
<!DOCTYPE> Define el tipo de docuemento
<a> Define un hipervínculo
<abbr> Define una abreviación
<address> Define la información de contacto del autor / propietario del documento
<area> Define un área dentro de un mapa de imagen
<article> Define un artículo
<i> Muestra el texto marcado con un estilo en cursiva o itálica
<u> Muestra el texto subrayado
<wbr> Indica una oportunidad de salto de línea, es decir, un punto sugerido donde el texto puede ser dividido para mejorar su legibilidad

Listado de css

♣LISTADO DE CSS♣
color : #ffffff; Se utiliza pra cambiar de color
font-size: 1px; Se utiliza para correr el texto
list-style-position: Posición dentro de la lista de los elementos marcadores de las listas
list-style: Permite establecer el estilo de la lista, la imagen y/o la posición
margin: espacio comprendido entre el bloque y el borde de la ventana activa del navegador
padding: distancia entre el borde del bloque y su contenido
border es como un cuadro imaginario que envuelve todo el contenido del bloque
background color de fondo
width establece el ancho de un elemento mediante un valor numérico
heigth Es la altura de una caja
background-size es una propiedad para definir tamaño de algo, se usa en imagenes
background-img se usa para trabajar directamente una imagen
root: selecciona el elemento raíz de un árbol que representa el documento
text-aling centra el texto
border-radius es el borde de una caja

Listado para cambiar de pixeles

♣LISTADO PARA CAMBIAR DE PIXELES♣
width: 100px; Se utiliza para posicionar una imagen y cambiar pixeles
<em> el tamaño de fuente del elemento contenedor
<ex> la altura de la letra x de la fuente del elemento contenedor
<ch> a altura de la cifra 0 (cero) de la fuente del elemento contenedor
<rem> el tamaño de la fuente del elemento raíz de la página
<vw> el 1% del ancho de la ventana (sin contar bordes, pestañas barras de desplazamiento, etc.)
<vh> el 1% del alto de ventana (sin contar bordes, pestañas barras de desplazamiento, etc.)
<vmin> el menor de los tamaños vw y vh
<vmax> el mayor de los tamaños vw y vh
<px> píxeles, la 96ava parte de una pulgada (96 px = 1in = 2.54cm)
<cm> centimetros
<mm> milimetros
<Q> cuartos de milemtros
<in> pulgadas (1in = 2.54cm = 25.4mm)
<pc> picas, la sexta parte de una pulgada (1in = 6pc)
<pt> puntos, la doceava parte de una pica, es decir, la 72ava parte de una pulgada (1in = 6pc = 72pt)