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.
♣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♣ |
<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♣ |
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♣ |
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) |