From bbd9eefea1de4b4e84ed08487a238dc4a34feb3c Mon Sep 17 00:00:00 2001 From: devfzn Date: Wed, 12 Apr 2023 00:03:17 -0400 Subject: [PATCH] HTML5 y CSS3 pt. 3: Formularios y Tablas 04 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit input types - form required - placeholder - default checkbox & radio fieldset y legend - img alt="descripción". --- 004_primeras_paginas/README.md | 49 ++++++++++++++++--- .../html_css_parte3/contacto.html | 34 +++++++------ .../html_css_parte3/style.css | 2 +- 3 files changed, 64 insertions(+), 21 deletions(-) diff --git a/004_primeras_paginas/README.md b/004_primeras_paginas/README.md index 05896c1..d591215 100644 --- a/004_primeras_paginas/README.md +++ b/004_primeras_paginas/README.md @@ -2,9 +2,9 @@ ## Primeros pasos -### 04 Crea tus primeras paginas HTML5 y CSS +**04** Crea tus primeras paginas HTML5 y CSS -#### Parte 1 - Primera página web +### Parte 1 - Primera página web Diferencias entre [html y css](https://www.aluracursos.com/blog/html-css-javascript-cuales-son-las-diferencias). @@ -36,7 +36,7 @@ Formas de aplicar estilo CSS: - style [file](./html_css_parte1/style.css). -##### Sistema hexadecimal +#### Sistema hexadecimal Sistema número que consta de las 6 primeras letras del alfabeto y los números del 0 al 9. @@ -70,7 +70,7 @@ La representación de los colores en 6 posiciones Blanco -> rgb(255,255,255) ``` -##### Equipo de Front End +#### Equipo de Front End - Programador Front End - Responsable por UX (user experiencie) @@ -82,7 +82,7 @@ Final curso HTML5 y CSS parte 1 - Página [barbería](./html_css_parte1/index.html) - estilo.[css](./html_css_parte1/style.css). -#### Parte 2 - Posicionamiento, listas y navegación +### Parte 2 - Posicionamiento, listas y navegación Página [productos](./html_css_parte2/productos.html) y [estilo](./html_css_parte2/productos.css). @@ -181,7 +181,7 @@ Caracteres especiales, unicode Final curso HTML5 y CSS parte 2 -#### Parte 3 - Formularios y Tablas +### Parte 3 - Formularios y Tablas Nueva página, [contacto.html](./html_css_parte3/contacto.html). @@ -263,3 +263,40 @@ p.test { color: magenta; }
+ +#### HTML input types + +[w3schools input types](https://www.w3schools.com/html/html_form_input_types.asp) + +
lista + +```html + + + + + + + + + + + + + + + + + + + + + + +``` + +

+ +Etiqueta `
` como agrupador y `` como parrafo. + +Descripción de imagenes `alt="Descripción de imagen"`. diff --git a/004_primeras_paginas/html_css_parte3/contacto.html b/004_primeras_paginas/html_css_parte3/contacto.html index 22390b6..03a4138 100644 --- a/004_primeras_paginas/html_css_parte3/contacto.html +++ b/004_primeras_paginas/html_css_parte3/contacto.html @@ -10,7 +10,7 @@
-

+

logo Barbería Alura

+
+ ¿En que horario prefieres ser contactado? - - +
+