Fundamentos de HTML y JavaScript: Tipos de Input, Atributos y Sintaxis de Tablas

Tipos de Input en HTML: Referencia Rápida

A continuación, se presenta una lista de los tipos de atributo type más comunes para el elemento <input>, junto con su descripción y un ejemplo visual.

text

Campo de texto simple. Ejemplo:

password

Campo para contraseña (oculta el texto). Ejemplo:

email

Campo para correo electrónico (valida el formato). Ejemplo:

number

Campo para números (solo valores numéricos). Ejemplo:

tel

Campo para teléfono. Ejemplo:

url

Campo para URL. Ejemplo:

date

Selector de fecha. Ejemplo:

time

Selector de hora. Ejemplo:

checkbox

Casilla para marcar / desmarcar. Ejemplo:

radio

Botón de opción (utilizado en grupos). Ejemplo:

submit

Botón para enviar el formulario. Ejemplo:

reset

Botón para resetear el formulario. Ejemplo:

file

Selector para subir archivos. Ejemplo:

color

Selector de color. Ejemplo:

range

Barra deslizante (slider). Ejemplo:

1) Identificación de Atributos TYPE en Inputs

Indicar qué tipo de atributo TYPE corresponde a cada campo de entrada:

• Nombre completo: (text)
• Correo electrónico: (email)
• Género (Masculino / Femenino / Otro): (radio)
• Intereses (Música / Deportes / Lectura): (checkbox)
• Color favorito: (color)
• Nivel de satisfacción (0 a 10): (range)
• Enviar: (submit)

2) Atributos Esenciales de la Etiqueta <img>

Los atributos más importantes para la etiqueta de imagen son:

• src: Especifica la ubicación de la imagen (la ruta del archivo).
• alt: Especifica un texto alternativo que se muestra si la imagen no se carga. Este atributo es crucial para la accesibilidad y el SEO.

3) Concepto y Ejemplos de Operadores en JavaScript

Los operadores en JavaScript son símbolos que permiten realizar operaciones entre valores o variables.

Ejemplos de operadores comunes:

• + (Suma)
• - (Resta)
• * (Multiplicación)
• == (Igualdad)
• != (Distinto de)
• > (Mayor que)
• Entre otros.

4) Sintaxis HTML para Estructura de Contenido (Cuento y Enlaces)

A continuación, se presenta la sintaxis HTML corregida y estructurada que representa un contenido con título, texto y enlaces, utilizando una tabla como contenedor (basado en los fragmentos proporcionados):

<table border="1">
    <tr>
        <th colspan="2">Título: Los Tres Cerditos</th>
    </tr>
    <tr>
        <td colspan="2">Había una vez, tres cerditos. Cada uno edificó su casa…</td>
    </tr>
    <tr>
        <td colspan="2">
            <a href="https://www.youtube.com/los_3_cerditos_mp4" target="_blank">Ver video del cuento</a>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <ul>
                <li>Enlace cuentos para niños</li>
                <li>Enlace audiolibros clásicos</li>
            </ul>
        </td>
    </tr>
</table>

5) Sintaxis HTML para Generar una Tabla de Datos

Sintaxis HTML corregida para generar la tabla de información escolar, asegurando el cierre correcto de filas (</tr>) y la aplicación de colspan y rowspan según lo indicado en los datos originales:

<table border="1">
    <tr>
        <th>Colegio</th>
        <th>Región</th>
        <th>Partido</th>
    </tr>
    <tr>
        <td>Sagrado Corazón</td>
        <td colspan="2" rowspan="2">No hay información</td>
    </tr>
    <tr>
        <td>Benito Nazar</td>
    </tr>
    <tr>
        <td>Belgrano Temperley</td>
        <td>Zona 4</td>
        <td>Lomas de Zamora</td>
    </tr>
</table>

6) Corrección de Fórmulas en Hojas de Cálculo (Excel/Sheets)

Fórmula Original:

=si(A3<"B3";VERDADERO;"NI IDEA")

Evaluación:

La fórmula no está bien escrita.

Errores Identificados:

• La referencia a la celda B3 no debe estar entre comillas si se refiere a una celda.
• En Excel/Google Sheets configurado en español, las funciones y argumentos deben separarse usando punto y coma (;).

Corrección Propuesta:

=SI(A3 < B3; "VERDADERO"; "NI IDEA")