¿Qué es el FLEX CONTAINER?

See the Pen CSS | Flexbox by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Propiedades del elemento padre

Tenemos varias propiedades que podemos poner en nuestro flex container o elemento padre.

  • flex-direction
  • flex-wrap
  • flex-flow
  • justify-content
  • align-items
  • align-content

...

Leer más...
Aprende CSS Flexbox en MENOS de 15 MINUTOS

¿Qué es Flexbox?

Es un sistema de elementos flexibles. Donde los elementos HTML se adaptan y colocan automáticamente siendo mucho más fácil personalizar los diseños.

Está pensado para diseños en una sóla dimensión, es decir, o...

Leer más...
Cómo poner un AUDIO en HTML

Audio en la web

Antes de HTML5 había que instalar plugins como Flash para reproducir audios en los navegadores.

Ahora HTML5 tiene la etiqueta <audio> que especifica el estándar para audios en las web.

See the Pen HTML | 4.3 - Audio - 1 by Francisco Palomares Barrios (...

Leer más...
Cómo poner un VÍDEO en HTML que se reproduzca solo

Reproducir vídeo en HTML

Antes de HTML5 había que instalar plugins como Flash para ver los vídeos.

Ahora con la etiqueta <video> podemos incrustar vídeos en una página web.

See the Pen HTML | 4.2 - Video - 1 by Francisco Palomares Barrios (@kikopalomares...

Leer más...
TODOS los Atributos de INPUT de FORMULARIOS en HTML

El atributo value

Sirve para especificar un valor inicial para el input

See the Pen HTML | 2.4 - Atributos de inputs - 1 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

El atributo readonly

Sirve para especificar que un input no se puede cambiar

See the Pen HTML | 2.4 -...

Leer más...
TODOS los tipos de INPUT para FORMULARIOS en HTML

Input type text

Define un campo de una sola línea de texto.

See the Pen HTML | 2.3 - Tipos de input - 1 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Input type password

Define un campo para contraseñas.

See the Pen HTML | 2.3 - Tipos de input - 2 by...

Leer más...
TODOS los Elementos de formularios en HTML

El elemento <input>

El elemento <input> es el más importante y según el type puede ser visualizado de diferentes maneras

See the Pen HTML | 2.2 - Elementos de formularios - 1 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

El elemento <select>...

Leer más...
¿Qué son y cómo Crear FORMULARIOS en HTML?

El elemento <form>

El elemento HTML <form> define un formulario que se utiliza para recopilar información por parte del del usuario

See the Pen HTML | 2.1 - Formularios - input text by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

El elemento <input>

...
Leer más...
Introducción a HTML - Curso de HTML para principiantes paso a paso

¿Qué es HTML?

HTML es el lenguaje de marcado estándar para crear páginas web.

  • HTML significa Hyper Text Markup Language (Lenguaje de Marcado de Hipertexto)
  • HTML describe la estructura de una página web
  • HTML consiste en una serie de elementos
  • Los elementos HTML...
Leer más...
¡El MEJOR SETUP de Programador! [2021] (No es como crees...)

Muchos me preguntáis cual es mi ordenador, o que teclado utilizo para programar,... todas estas preguntas relacionadas con mi setup las respondo en este vídeo, donde muestro desde el ratón hasta la silla (creeme, la silla no tiene desperdicio, estoy seguro que no has visto...

Leer más...
Cómo Crear LISTAS Ordenadas y Desordenadas en HTML

Listas HTML

Tenemos dos tipos de listas en HTML:

  • No ordenadas
  • Ordenadas

See the Pen HTML | 1.12 - Listas - ordenadas y no ordenadas by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Listas no ordenadas

Una lista no ordenada en HTML se hace usando la etiqueta <ul>. Y...

Leer más...
Cómo hacer TABLAS en HTML con sus Celdas y Columnas

Tablas

See the Pen HTML | 1.19 - Tablas - 1 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

<table>

  • Con la etiqueta <table> podemos definir una tabla.
  • Cada fila se define con <tr>.
  • El encabezado de la tabla se define con <th>.
  • Y las celdas se definen...
Leer más...
1 2 3 4 5 6 7 8 9