From 9310ef6ca400a436d524a638a8800c6c67d57b39 Mon Sep 17 00:00:00 2001 From: Marcos Lopez Date: Tue, 19 Dec 2023 13:40:01 +0100 Subject: [PATCH] Dia 19 --- .../Formularios/Practica 1/practica1.html | 39 +++++++++ .../Formularios/Practica 2/practica2.html | 73 ++++++++++++++++ .../Formularios/Practica 3/css/style.css | 80 ++++++++++++++++++ .../Formularios/Practica 3/practica 3.html | 61 +++++++++++++ .../Practica 3/practica3_corregida.zip | Bin 0 -> 2180 bytes .../Practicas HTML/Formularios/practica1.html | 39 --------- 6 files changed, 253 insertions(+), 39 deletions(-) create mode 100644 Practicas/Practicas HTML/Formularios/Practica 1/practica1.html create mode 100644 Practicas/Practicas HTML/Formularios/Practica 2/practica2.html create mode 100644 Practicas/Practicas HTML/Formularios/Practica 3/css/style.css create mode 100644 Practicas/Practicas HTML/Formularios/Practica 3/practica 3.html create mode 100644 Practicas/Practicas HTML/Formularios/Practica 3/practica3_corregida.zip delete mode 100644 Practicas/Practicas HTML/Formularios/practica1.html diff --git a/Practicas/Practicas HTML/Formularios/Practica 1/practica1.html b/Practicas/Practicas HTML/Formularios/Practica 1/practica1.html new file mode 100644 index 0000000..f220496 --- /dev/null +++ b/Practicas/Practicas HTML/Formularios/Practica 1/practica1.html @@ -0,0 +1,39 @@ + + + + + + + Formularios 1 + + + +
+
+ Datos Personales +
+
+
+
+ + Masculino + Femenino + Otros + Prefiero no contestar +
+
+ + +
+
+ + + \ No newline at end of file diff --git a/Practicas/Practicas HTML/Formularios/Practica 2/practica2.html b/Practicas/Practicas HTML/Formularios/Practica 2/practica2.html new file mode 100644 index 0000000..0e5dfcf --- /dev/null +++ b/Practicas/Practicas HTML/Formularios/Practica 2/practica2.html @@ -0,0 +1,73 @@ + + + + + + + Formularios 2 + + + +

Formulario de registro

+
+ +

+ +

+ +

+ +

+ +

+ + Hombre + Mujer +

+ +

+ +

+ +

+ + +

+ +

+ +

+ +

+ +

+ +

+ +

+ + +
+ + + \ No newline at end of file diff --git a/Practicas/Practicas HTML/Formularios/Practica 3/css/style.css b/Practicas/Practicas HTML/Formularios/Practica 3/css/style.css new file mode 100644 index 0000000..7d44bfb --- /dev/null +++ b/Practicas/Practicas HTML/Formularios/Practica 3/css/style.css @@ -0,0 +1,80 @@ +@charset "UTF-8"; +* { + margin: 0; + padding: 0; + list-style: none; + text-decoration: none; + border: none; + outline: none; +} +body{ + padding: 2em; +} +h2{ + color: #718751; + margin-bottom: 1em; +} + +form{ + margin: auto; + border: 3px; + border-style: solid; + border-color: #718751; + border-radius: 0.5em; + padding:1em; + max-width: 350px; + min-width: 250px; + background-color: #E2001A; + color: white; + box-sizing: border-box; +} + +fieldset { + border: 3px; + padding: 0.5em; + border-style: solid; + border-color: #718751; + border-radius: 0.5em; + margin-bottom: 1em; +} + +legend{ + margin-left: 0.5em; + font-size: 1em; + font-weight: bold; + color: #718751;; +} + +input[type=text], input[type=tel]{ + background-color:#718751; + color: white; +} + +label{ + width: 5em; +} +.input_flex{ + display: flex; + flex-direction:row; + gap: 0.5em; + padding: 0.1em; +} + + +.btn{ + padding: 0.2em; + background-color: #E2001A; + border: 2px solid #718751; + color: white; + font-weight: bold; + font-size: 1em; +} + +@media (max-width: 550px) { + .input_flex{ + display: flex; + flex-direction:column; + gap: 0.5em; + padding: 0.1em; + } +} \ No newline at end of file diff --git a/Practicas/Practicas HTML/Formularios/Practica 3/practica 3.html b/Practicas/Practicas HTML/Formularios/Practica 3/practica 3.html new file mode 100644 index 0000000..9f245a9 --- /dev/null +++ b/Practicas/Practicas HTML/Formularios/Practica 3/practica 3.html @@ -0,0 +1,61 @@ + + + + + + + + Practica 3 + + + +

Pedido de pizza

+ +
+
+ La pizza +

+

Ingresdientes

+ Queso Pimiento
+ Cebolla Atún
+ Toamte Jamon +

+
+ Pequeña
+ Mediana
+ Grande
+
+
+ Datos de entrega + +

+ + +

+

+ + + +

+

+ + +

+

+
+ +

+
+
+ Metodo de pago + +
+ +
+ + + \ No newline at end of file diff --git a/Practicas/Practicas HTML/Formularios/Practica 3/practica3_corregida.zip b/Practicas/Practicas HTML/Formularios/Practica 3/practica3_corregida.zip new file mode 100644 index 0000000000000000000000000000000000000000..fc8181ffb2eec91001fa4d886fe440fc751be2d8 GIT binary patch literal 2180 zcmWIWW@h1H00HCd$>CrIln?>Z1x1O;C7H>I#_`GdMMbIUnJJ0-0YDufISz)%w8`O5 zEH?h`U}j+W1T;hmmkyXIdKo3TIcvkt_T4rUu-ol$zwx2v?yhou+Y?N;Omw46-ik#m zcy4IAO(J-SSJ1tR`^%2YG~cQE+Fk0=xoOMSb=y37nIBEKU-S9&{6DUlE%qiSwBlDk zdcFSBzuhOaTa0+bDtqN-tTK>7TvvmgB@|WRHJf!=|$kD2kVZTGs>e*gWm8DZRh)h%{ zzwq&q`rfS~e4<>Mg;zs6COr)@Uz?t|IKWd&WcSv}^S_1u-&|xoC)L%Dw+kW82;mHdB;q#*X41Oym)sH-`p8x5h zc1r9gztGA>OT998i!J2XrMUH)vCrHu%dVvnO6``fd`@3)>`a7fKCC02m>;$rLaJBI6GuV4BcVYvD6$vgSh_q181l3%}@ zIJ`jGlKFlBlFXcZ17kg)5pzQVvu_&+)cGm=f0!YW!??Wc z^18KW6Oxx0+_*f;w%6{&HC4f>s{WI%SESl!`v2zqo4h&Yc-SSi4U&%v$}iP^zgzqK z`^{Mzy=;E_^zxckPfjthnR{UR&$l&8h)otp0>t;>zLOFy#=7 z_ax)EqaT<>Rhufx#r*gCo}BId`b1pguahd%O&|RD^!Dr1oM{XudDFc&&o})d`KA zIetM;ely#&+}*I)M|@6*p>UX=)++Qx*CAT(Bnx=U?G*|Z0Y3>yLIJMbc zezmykO$+maY1E;t-`?88Yq{m3iU+gZGi{hapD(2g%py;(Dj z7qHI7W+y0*qS*Auqz&132|3?d5jH`5hnbUMHi3L+z=GQ*n!CE6kCg&`XIKl SvH^``U;)Bij0_B0z&rr|s&+2` literal 0 HcmV?d00001 diff --git a/Practicas/Practicas HTML/Formularios/practica1.html b/Practicas/Practicas HTML/Formularios/practica1.html deleted file mode 100644 index 01e2096..0000000 --- a/Practicas/Practicas HTML/Formularios/practica1.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - Formularios 1 - - - -
-
- Datos Personales -
-
-
-
- - - - -
-
- - -
-
- - - \ No newline at end of file