/html-css-workshop

Taller de HTML y CSS Basics

Primary LanguageHTML

Taller HTML + CSS

La presentacion inicial la pueden encontrar aqui.

HTML y CSS

HTML, HyperText Markup Language, proporciona la estructura y el significado del contenido al definir ese contenido como, por ejemplo, encabezados, párrafos o imágenes.

CSS, o hojas de estilo en cascada, es un lenguaje de presentación creado para personalizar el aspecto del contenido, utilizando, por ejemplo, fuentes o colores.

Un sitio web es como una casa.

El HTML:

<casa>
  <primer_piso>
    <sala>
      <tele />
    </sala>
    <cocina>
      <refri />
    </cocina>
    <entrance>
      <puerta>
        <timbre>
      </puerta>
    </entrance>
  </primer_piso>

  <segundo_piso>
    <cuarto>
      <cama />
      <compu />
    </cuarto>
  </segundo_piso>
</casa>

El CSS:

cocina {
  ancho: 4m;
  alto: 2.5m;
  piso: alfombra;
}

entrada puerta {
  color: cafe;
  alto: 2m;
  ancho: 1.2m;
}

Links

Guia de etiquetas de HTML

Libreria de Bootstrap (Componentes): agregan esto a su etiqueta head para usarlo.

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

Codepen.io

Proyectos

Display Block, Inline-Block y Inline

Quiz HTML

Flexbox Froggy