HTML Y CSS

Índice

¿Para qué sire CSS?
Ejemplo de HTML y CSS:
En índex:
En estilo:

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:

<!DOCTYPE html>
<html>
<head>
  <title>html y css</title>
  <link rel="stylesheet" type="text/css" href="css.css">
</head>

<body>
  <header><center><br>
<ul>
  <li><a href="#">home</a>
  <li><a href="#">contactos</a>
  <li><a href="#">servicios</a>
  <li><a href="#">otras</a>
</ul>
</center></header><br>
<section id="uno">
  <center>
  <table BORDER>
  <tr>
    <td>head</td> <td>title</td> <td>link</td>
  </tr>
  <tr>
    <td>body</td> <td>header</td> <td>section</td>
  </tr>
</table></center>
</section border>
<section id="dos">
    
<h1>hola, esta es la pagina de ejemplo de aplicacion de html y css</h1>

<p> pagina con estilos css </p>
</section>


</body>
</html>

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.