HTML y CSS en WordPress

¿Qué es HTML?

Es un lenguaje de marcado que se utiliza para desarrollar paginas web. Esta formado por una serie de etiquetas que escribemn cada uno de los elementos de contenido dentro del documento. Significa HIPERTEXT MARKUP LANGUAGE.

Etiquetas Basicas.

<H1>…<H6> : Se utilizan para los titulos dentro de una pagina web.

<P> : Se utilizan para crear parrafos de textos.

<DIV> : Se utilizan para crear divisiones en la pagina. Estas divisiones son bloques cuadrados que siguen el modelo de cajas. Se utilizan para diferenciar los elementos principales de la pagina.

<IMG>: Se utiliza para insertar imagenes dentro de un documento HTML. Se deben definir parametros como la ubicacion de la imagen y su tamaño.

<A>: Viene de la palabra “anchor” (ancla), y se utiliza para crear links de otros documentos HTML.

<TABLE>: Se usa pa crear tablas dentro de un documento HTML. <TR> se usa pa crear las filas y <TD> se usa pa crear las celdas.

<BR>: Se usa pa generar un salto de linea en un bloque d texto.

Componentes Basicos: Todo docuemnto HTML tiene dos componentes basicos:

  • El head: En esta parte se define el titulo de la pagina, las llamadas a archivos adjuntos y las etiquetas meta. El head no se ve cuando se renderiza la pagina.
  • Body:Lleva todo el contenido (lenguaje HTML) d la pagina en cuestion.parrafos; divisiones,imagenes;etc se colocan todo en la etiqueta body.

CSS

Es un lenguaje descriptivo que se utiliza para definir la presentacion del contenido de un documento HTML. Define todos los estilos graficos de una pagina web.

Selectores: Permiten identificar los elementos dentro de un documento HTML para aplicarles los estilos. Pueden ser de tres tipos:

  1. ID: Identifica un elemento de forma unica y utiliza el caracter numeral o almohadilla.
  2. Clase: Aplica a varios elementos que contengan la misma clase y se utiliza el caracter punto
  3. Etiqueta: Aplica los estilos a todas las etiquetasdentro de la pagina web.

Modelo:
#IDELEMENTO {

propiedad valor

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s


A %d blogueros les gusta esto: