Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
[Curso] HTML y CSS de 0 a 100 ? Archivos - Programador Novato
![01.- HTML y CSS de 0 a 100 [Introducción]? 1 html 1](https://www.programadornovato.com/wp-content/uploads/2020/06/html-1-340x190.jpg)
01.- HTML y CSS de 0 a 100 [Introducción]?
En este tutorial aprenderemos HTML y CSS de 0 a 100.
Url kompozer : http://kompozer.sourceforge.net/
Instalar Visual Studio Code Windows 10: https://youtu.be/s47z_qh16j4
Instalar Visu…
![02.- HTML y CSS de 0 a 100 [index.html]? 2 html 2](https://www.programadornovato.com/wp-content/uploads/2020/06/html-2-340x190.jpg)
02.- HTML y CSS de 0 a 100 [index.html]?
En este tutorial vamos a crear nuestro primer archivo html en el cual vamos a ver las diferentes partes que le componen.
Codigo: https://github.com/programadornovato/html-y-css/commit…
![03.- HTML y CSS de 0 a 100 [Etiquetas]? 3 html 3](https://www.programadornovato.com/wp-content/uploads/2020/06/html-3-340x190.jpg)
03.- HTML y CSS de 0 a 100 [Etiquetas]?
En este tutorial vamos a analizar algunas de las etiquetas de html mas importantes.
Codigo: https://github.com/programadornovato/html-y-css/commit/dd299f20467013ef8562b1381004…
![04.- HTML y CSS de 0 a 100 [Estilos]? 4 html 4](https://www.programadornovato.com/wp-content/uploads/2020/06/html-4-340x190.jpg)
04.- HTML y CSS de 0 a 100 [Estilos]?
En este tutorial vamos a analizar algunas de las etiquetas de html mas importantes.
Codigo: https://github.com/programadornovato/html-y-css/commit/0347a50d6c84bb23b8189b70ae33…
![05.- HTML y CSS de 0 a 100 [Salto de linea, espacios, negrita e italica]? 5 html 5](https://www.programadornovato.com/wp-content/uploads/2020/06/html-5-340x190.jpg)
05.- HTML y CSS de 0 a 100 [Salto de linea, espacios, negrita e italica]?
En este tutorial vamos a trabajar con nuevas etiquetas:
Espacios
Negrita: b
Italica: i
Lorem ipsum
Codigo: https://github.com/programadornovato/html-y-css/commit/a191474b2785c…
![06.- HTML y CSS de 0 a 100 [Imágenes y listas]? 6 html 6](https://www.programadornovato.com/wp-content/uploads/2020/06/html-6-340x190.jpg)
06.- HTML y CSS de 0 a 100 [Imágenes y listas]?
En este tutorial aprenderemos a colocar imágenes con alt y listas ordenadas y desordenadas.
Codigo: https://github.com/programadornovato/html-y-css/commit/b442ba67cb983535cdac…
![07.- HTML y CSS de 0 a 100 [Elementos semánticos]? 7 html 7](https://www.programadornovato.com/wp-content/uploads/2020/06/html-7-340x190.jpg)
07.- HTML y CSS de 0 a 100 [Elementos semánticos]?
En este tutorial vamos a aprender los nuevos elementos semánticos en html 5.
Codigo: https://github.com/programadornovato/html-y-css/commit/4c77b9413a80342ab0440e762b8baeda19…
![08.- HTML y CSS de 0 a 100 [Ids y clases]? 8 html 8](https://www.programadornovato.com/wp-content/uploads/2020/06/html-8-340x190.jpg)
08.- HTML y CSS de 0 a 100 [Ids y clases]?
En este tutorial vamos a trabajar con identificadores y clases para poder colocar estilos de forma mas precisa.
Codigo: https://github.com/programadornovato/html-y-css/commit/9701…
![09- HTML y CSS de 0 a 100 [Colores]? 9 html 9](https://www.programadornovato.com/wp-content/uploads/2020/06/html-9-340x190.jpg)
09- HTML y CSS de 0 a 100 [Colores]?
En este tutorial vamos a analizar los colores y los diferentes tipos de formas de asignar:
color names
Color RGB
Color Hexadecimal
Codigo: https://github.com/programadornovato/html-y-…
![10- HTML y CSS de 0 a 100 [Margin y padding]? 10 html 10](https://www.programadornovato.com/wp-content/uploads/2020/06/html-10-340x190.jpg)
10- HTML y CSS de 0 a 100 [Margin y padding]?
En este tutorial vamos a estudiar los diferentes tipos de margin y padding y la diferencia entre estas propiedades.
Codigo: https://github.com/programadornovato/html-y-css/commit/6…
![11- HTML y CSS de 0 a 100 [Flex en CSS3]? 11 html 11](https://www.programadornovato.com/wp-content/uploads/2020/06/html-11-340x190.jpg)
11- HTML y CSS de 0 a 100 [Flex en CSS3]?
En este tutorial vamos a trabajar con la propiedad flex de css3 la cual es muy simple de usar, ademas instalaremos el pluging “open in browser” el link lo dejare mas abajo y trabaja…
![12- HTML y CSS de 0 a 100 [Pseudo-classes ]? 12 html 12](https://www.programadornovato.com/wp-content/uploads/2020/06/html-12-340x190.jpg)
12- HTML y CSS de 0 a 100 [Pseudo-classes ]?
En este tutorial vamos a aprender a usar las Pseudo-classes en diferentes etiquetas de HTML.
Codigo: https://github.com/programadornovato/html-y-css/commit/2015f3ebbadfd46dfcf5…
![13- HTML y CSS de 0 a 100 [Elementos en bloque y elementos en linea ]? 13 html 13](https://www.programadornovato.com/wp-content/uploads/2020/06/html-13-340x190.jpg)
13- HTML y CSS de 0 a 100 [Elementos en bloque y elementos en linea ]?
En este tutorial vamos a trabajar con elementos en bloque y elementos en linea y los vamos a cambiar ose que lo que estan en linea los vamos a poner en bloque y los que están en bloque los va,os a pone…
![14- HTML y CSS de 0 a 100 [Menu responsive]? 14 html 14](https://www.programadornovato.com/wp-content/uploads/2020/06/html-14-340x190.jpg)
14- HTML y CSS de 0 a 100 [Menu responsive]?
En este tutorial vamos a poner en practica todos los conocimientos previamente aprendidos y vamsoa crear un menu responsive con flexbox. Codigo: https://github.com/programadornovato/…
![15- HTML y CSS de 0 a 100 [Media query]? 15 html 15](https://www.programadornovato.com/wp-content/uploads/2020/06/html-15-340x190.jpg)
15- HTML y CSS de 0 a 100 [Media query]?
En este tutorial vamos a hacer responsive nuestro menú utilizando media query.
Codigo: https://github.com/programadornovato/html-y-css/commit/eaaaf03d69cb862ae1dcbba235f20c9…
![16- HTML y CSS de 0 a 100 [Menu awsomefont]? 16 html 16](https://www.programadornovato.com/wp-content/uploads/2020/06/html-16-340x190.jpg)
16- HTML y CSS de 0 a 100 [Menu awsomefont]?
En este video vamos a agregar un botón que se oculte en medidas mayores a 501 px y se muestre a medidas menores a 500px.
Codigo: https://github.com/programadornovato/html-y-css/commit/4a…
![17- HTML y CSS de 0 a 100 [Menú ocultable con javascript]? 17 html 17](https://www.programadornovato.com/wp-content/uploads/2020/06/html-17-340x190.jpg)
17- HTML y CSS de 0 a 100 [Menú ocultable con javascript]?
En este tutorial vamos a usar javascript para mostrar y ocultar nuestro menú.
Codigo: https://github.com/programadornovato/html-y-css/commit/56a7284188161b6ff89e1fbca5d2ecde9…
![18- HTML y CSS de 0 a 100 [ Columnas de precios ]? 18 html 18](https://www.programadornovato.com/wp-content/uploads/2020/06/html-18-340x190.jpg)
18- HTML y CSS de 0 a 100 [ Columnas de precios ]?
En este tutorial vamos a crear un divisor de columnas para poner diferentes precios y todo de forma responsive usando simplemente html y css 3. Codigo: https://github.com/programadornova…
![19- HTML y CSS de 0 a 100 [ Tabla de precios agregar fuente ]? 19 html 19](https://www.programadornovato.com/wp-content/uploads/2020/06/html-19-340x190.jpg)
19- HTML y CSS de 0 a 100 [ Tabla de precios agregar fuente ]?
En este tutorial agregaremos fuentes a nuestra tabla de precios.
Codigo: https://github.com/programadornovato/html-y-css/commit/17f83a9431b44944b39b567db520bf1363a07b71
htt…
![20- HTML y CSS de 0 a 100 [ Tabla de precios con flexbox ]? 20 html 20](https://www.programadornovato.com/wp-content/uploads/2020/06/html-20-340x190.jpg)
20- HTML y CSS de 0 a 100 [ Tabla de precios con flexbox ]?
En este video vamos a cambiar nuestras columnas de una vista en columna a una vista en linea con la ayuda de flexbox.
Código: https://github.com/programadornovato/html-y-css/commit/985…
![21- HTML y CSS de 0 a 100 [ Tabla de precios bordes redondeados y con sombra ]? 21 html 21](https://www.programadornovato.com/wp-content/uploads/2020/06/html-21-340x190.jpg)
21- HTML y CSS de 0 a 100 [ Tabla de precios bordes redondeados y con sombra ]?
En este video vamos a redondear las esquinas de nuestras columnas y ademas le vamos agregar una sombra con border-radius y con box-shadow respectivamente. Ademas vamos a trabajar con el boto…
![22- HTML y CSS de 0 a 100 [ Tabla de precios flexbox]? 22 html 22](https://www.programadornovato.com/wp-content/uploads/2020/06/html-22-340x190.jpg)
22- HTML y CSS de 0 a 100 [ Tabla de precios flexbox]?
En este tutorial vamos a agregar la propiedad flex-wrap para que nuestros elementos se adapten a los diferentes dispositivos. Ademas vamos a usar media query para ajustar mas exactamente a t…
Ave que vuela, a la cazuela.