Índice

 

Bienvenido a esta página, aquí aprenderemos a utilizar HTML y CSS, una de las componentes más importantes en el diseño web y también es muy importante que una pagina tenga diseño, con CSS puedes darle los retoques a tu página web, ya que necesita de colores, centrados de imágenes o textos, para ello vamos al tema.

CSS son las siglas de (Cascading Style Sheets) Hojas de estilo en cascada que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferenciarlos los métodos de interpretación, es decir, describe el como será mostrado un documento en la página web.

Al aprender HTML y CSS estás dando el primer paso para ser un desarrollador web o diseñador web profesional y poder crear webs o participar en cualquier proyecto web, el objetivo de este curso es que tengas nociones sobre HTML y CSS en su totalidad, con estos conocimientos podrás crear sitios web, tendrás una base sólida para aprender temas más avanzados cómo se CSS3 o responsive web design, poner crear sitios web más complejos y así mismo tendrás una base en el desarrollo aplicaciones móviles híbridas para mostrar, como navegador web estaremos utilizando Google Chrome para mostrar los ejemplos de cada tema, y el editor de código escojan el mejor que les parezca.

indice del tema

¿Para qué sire CSS?

Bueno con CSS puedes hacer variedades de estilos a tu web, como por ejemplo darle color de fondo, estructurar bien tus informaciones y varias cosas, no te preocupes aprenderás más en la práctica. Cada norma consiste en un selector y una declaración, esta última va entre corchetes(<>) y consiste en una propiedad o atributo, y un valor separados por dos puntos. También puedes hacer CSS en el código HTML, pero para que nos hagamos la cosa más fácil aremos aparte. Estimado usuario diríjase a este link:  para información de HTML a fondo.

Bueno eso es toda la teoría bueno vamos al ejemplo para mayor comprensión.

Nota importante: Crear una carpeta, ya estando dentro crear “index.html” y “estilo.css”, una vez ya creado pegarle a tus documentos correspondientes para que veas en parte practico  y analiza.

Ejemplo de HTML y CSS:

En índex:



  html y css
  



  


head title link
body header section

hola, esta es la pagina de ejemplo de aplicacion de html y css

pagina con estilos css

En estilo:

header{
    background: lightblue;
    width: 100%;
    height:10%;
}
header ul{
    list-style: none;
}
header ul li{
    display: inline-block;
    margin: 0 10px;
    padding: 4px 10px;
    border: 1px solid #fff;
    border-radius: 4px;
}

#uno{
  float: right;
  width: 50%;
  background-color: blue;
  height: 500px;
}
#dos{
  float:left;
  width: 50%;
  background-color: green;
  height: 500px;
}
table {
  background-color: white;
  margin-top: 50px;
}

Espero que les aya sido útil el contenido de esta página, dios le bendiga.

 

 

admin

Entradas recientes

Cómo desbloquear canon MG6140 (Error 5B00) | Guía rápida y fácil

Quedarse varado en medio de una impresión importante porque tu equipo decidió bloquearse por completo…

3 horas hace

Cómo desbloquear canon MG5770 (Error 5B00) | Guía rápida fácil

Quedarse varado en medio de una tarea o impresión importante porque tu equipo decidió bloquearse…

4 horas hace

Cómo desbloquear canon MG5700 (Error 5B00) | Guía rápida y fácil

Quedarse varado en medio de una jornada de trabajo porque tu equipo decidió bloquearse por…

4 horas hace

Cómo desbloquear canon MG5670 (Error 5B00) | Guía rápida y fácil

Quedarse varado en medio de una tarea o impresión importante porque tu equipo decidió bloquearse…

5 horas hace

Cómo desbloquear canon MG5610 (Error 5B00) | Guía rápida fácil

Quedarse varado en medio de una tarea importante porque tu impresora decidió bloquearse por completo…

5 horas hace

Como funciona la licencia de antivirus Avast | Guía de activación

En el mundo de la ciberseguridad, Avast se ha ganado un lugar muy especial en…

3 días hace