1: Estructura básica
2: Etiquetas auxiliares básicas
3: Párrafos
4: Listas ordenadas y desordenadas
5: Tablas
6: Imágenes y enlaces
7: Elementos de entrada o selección de datos
8: Formularios
9: La etiqueta [div]
10: Estilos CSS: inline-interno
11: Estilos CSS: externo
12: Programación: concepto
13: Programación: botones y alertas
procesar HTML
Elementos de entrada o selección de datos
Tenemos elementos para igresar valores, elegir entre un conjunto de valores y botones de acción. Es importante usar el tipo de entrada adecuado según el valor que deseamos recibir. Observe la importancia de diferenciar entre los atributos [id] y [name]. Puede ver los tipos de entradas en https://www.w3schools.com/html/html_form_input_types.asp
<html lang="es"> <head> <title>título</title> <meta charset="UTF-8"> </head> <body> Ingrese su nombre: <input type="text" id="fname" name="fname"><br> Ingrese su contraseña: <input type="password" id="pwd" name="pwd"><br> <br> Elija su color favorito: <input type="radio" id="cr" name="fav_color" value="rojo"><label for="rojo">Rojo cereza</label> <input type="radio" id="ca" name="fav_color" value="azul"><label for="azul">Azul mar</label> <input type="radio" id="cy" name="fav_color" value="amarillo"><label for="amarillo">Amarillo</label> <br> Indique mascotas: <input type="checkbox" id="mg" name="fmascota" value="gato"><label for="gato">Me gustan los gatos</label> <input type="checkbox" id="mp" name="fmascota" value="perro"><label for="perro">Perros</label> <input type="checkbox" id="ml" name="fmascota" value="loro"><label for="loro">Loros!</label> <br> <input type="button" value="Soy un botón y puedes apretarme"> <br> Deporte favorito: <select name="deporte"> <option>Fútbol</option> <option>Críquet</option> <option>Básquetbol</option> <option>Hockey</option> <option>Tenis</option> </select> </body> </html>