Yan Arlex Vallejo

@yavallejo

Fundador de aprendiendoando

Organizador de WordPress Tuluá

HTML

Es el elemento de construcción más básico de una página web y se usa para crear y representar visualmente una página web. Determina el contenido de la página web


Todo se basa en las etiquetas (de apertura y de cierre)

*HTML no es un lenguaje de Programación

Etiquetas

  • Main
  • Section
  • Article
  • Header
  • Aside
  • Video
  • Audio

 

*HTML no es un lenguaje de Programación

CSS

Hojas de Estilo en Cascada

 

 

Selectores CSS

  • Universal (*)
  • Clase
  • ID
  • Etiqueta

 

 

Fuentes Personalizadas

Iconos de fuentes

Meta Viewport

<meta name="viewport" content="width=device-width, initial-scale=1">

Malas Practicas en CSS

No utilizar Comentarios

No normalizar tu proyecto

Normalize.css

Usar @import

Utilizar Selector de ID

Utilizar Selector de etiqueta

Colocar Estilos En linea

No Utilizar Shorthands

Ejercicios

ul.nav {}
a.button {}
div.header {}

¿Correcto o incorrecto?

.btn {
  background: red;
}

¿Cual es la correcta?

.btn {
  background-color: red;
}
.error-text {
    color: #c00!important;
}


¿Correcto o incorrecto?

<h2 style="color:red;margin-top:15px">WordPress</h2>

¿Correcto o incorrecto?

Emmet

Taller Html - CSS

By Yan Vallejo

Taller Html - CSS

Taller practico

  • 602