Í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.

¿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 medir la velocidad de carga web: Herramientas, métricas y guía

En el desarrollo y la gestión de portales digitales, contar con un sitio atractivo e…

1 día hace

Velocidad de carga web: Qué es, importancia, factores y cómo mejorarla

En la arquitectura actual de las telecomunicaciones y el desarrollo de software para internet, el…

1 día hace

Auditoria informatica: Qué es, tipos, objetivos y fases de evaluación

En un entorno empresarial profundamente digitalizado, donde los procesos operativos, la información financiera y las…

1 día hace

Codigo abierto en informatica: Qué es, ventajas, licencias y ejemplos

En el desarrollo tecnológico contemporáneo, la evolución del software ha pasado de ser un proceso…

4 días hace

Codigos de informatica: Qué son, tipos, ejemplos y aplicaciones

En el ámbito de las ciencias de la computación, el hardware de una computadora no…

5 días hace

Seguridad informatica: Qué es, pilares, tipos y mejores prácticas

En una era donde la infraestructura digital sostiene el funcionamiento de la economía mundial, el…

5 días hace