HTML y CSS en WordPress

¿Qué es HTML?

Es un lenguaje de marcado que se utiliza para desarrollar páginas web.  Está formado por una serie de etiquetas que describen cada uno de los elementos de contenido dentro del documento. Significa Hipertext Markup Language.

Etiquetas Básicas:

<H1>…<H6>:  Se utiliza para los títulos dentro de una página web.

<P>: Se utiliza para crear párrafos de texto.

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

<IMG>: Se utiliza para insertar imágenes dentro de un documento HTML. Se deben definir parámetros como la ubicación de la imagen y su tamaño.

<A>: Viene de la palabra Anchor(ancla) y se utiliza para crear links a otros documentos HTML.

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

<VR>: Se utiliza para generar un salto de línea en un bloque de texto.

Componentes básicos: Todo documento HTML tiene 2 componentes básicos.

  • Head: En esta parte se define el título de la página , las llamadas a archivos adjuntos y las etiquetas meta. El “head” no se ve cuando se renderiza.
  • Body: LLeva todo el contenido (el lenguaje HTML) de la página en cuestión. Párrafos, divisiones, imágenes, etc. se colocan todos dentro de la etiqueta “body”.

CSS

  • Es un lenguaje descriptivo que se utiliza para definir la presentación del contenido de un documento HTML. Define todos los estilos gráficos de una página web.
  • Selectores: Permiten identificar los elementos dentro de un documento HTML para aplicarle los estilos. Pueden ser de tres tipos:
      • ID: Identifica un elemento de forma única y utiliza el caracter numeral o almohadilla.
      • Clase: Aplica a varios elementos que contengan la misma clase y se utiliza el caracter “.” .
      • Etiqueta: Aplica los estilos a todas las etiquetas dentro de la página web.

Modelo:

#IDelemento {

propiedad:valor;

Advertisement

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s


Follow

Get every new post delivered to your Inbox.