Scribd
Cargar
124 vistas

Practica HTML

El documento proporciona 8 ejercicios para crear páginas web en HTML5 con diferentes elementos como listas, tablas, formularios, entre otros. Los ejercicios incluyen crear páginas para mostrar palabras separadas por guiones, apellidos en líneas separadas, títulos y párrafos, listas ordenadas sobre países y contagios de COVID, enlaces a jugadores de fútbol, y un formulario completo con diferentes campos e interacciones.

Cargado por

Alirio Marquez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
124 vistas

Practica HTML

El documento proporciona 8 ejercicios para crear páginas web en HTML5 con diferentes elementos como listas, tablas, formularios, entre otros. Los ejercicios incluyen crear páginas para mostrar palabras separadas por guiones, apellidos en líneas separadas, títulos y párrafos, listas ordenadas sobre países y contagios de COVID, enlaces a jugadores de fútbol, y un formulario completo con diferentes campos e interacciones.

Cargado por

Alirio Marquez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 4

1.- Diseñar una página en HTML5, guardarla con el nombre palabras.

html, la misma
debe mostrar el nombre de 5 personas separados por un guion.

En el navegador se debe obtener el siguiente resultado, como el ejemplo:

PHP - Java - JavaScript - C - C++

2.- Diseñar una página HTML5, guardarla con el nombre palabras 2.html, la misma
debe mostrar los apellidos de 5 personas y mostrar uno por línea.

En el navegador se debe obtener el siguiente resultado, como el ejemplo:

PHP
JavaScript
Java
C
C++

3.- Diseñar una página HTML5, guardarla como títulos.html que contenga un título
de primer nivel <h1> y luego dos títulos de nivel <h2>. Definir un párrafo para cada
título de segundo nivel.

En el navegador se debe obtener el siguiente resultado de ejemplo:

Tipos de datos en MySQL


varchar
se usa para almacenar cadenas de caracteres. Una cadena es una secuencia de
caracteres. Se coloca entre comillas (simples): 'Hola'. El tipo "varchar" define una
cadena de longitud variable en la cual determinamos el máximo de caracteres.
Puede guardar hasta 255 caracteres. Para almacenar cadenas de hasta 30
caracteres, definimos un campo de tipo varchar(30).
int
Se usa para guardar valores numéricos enteros, de -2000000000 a 2000000000
aproximadamente. Definimos campos de este tipo cuando queremos representar,
por ejemplo, cantidades.

5.- Crear una página en HTML5, guardarla como parrafos.html, que contenga cuatro
párrafos sobre historia de Venezuela
El primero debe estar en negritas
El segundo en cursiva
El tercero tachado
El cuarto subrayado

En el navegador se debe obtener el siguiente resultado de ejemplo:

TEXTO: Para almacenar texto usamos cadenas de caracteres. Las cadenas se


colocan entre comillas simples. Podemos almacenar dígitos con los que no
se realizan operaciones matemáticas, por ejemplo, códigos de identificación,
números de documentos, números telefónicos. Tenemos los siguientes tipos:
varchar, char y text.

NUMEROS: Existe variedad de tipos numéricos para representar enteros,


negativos, decimales. Para almacenar valores enteros, por ejemplo, en campos que
hacen referencia a cantidades, precios, etc., usamos el tipo integer. Para almacenar
valores con decimales utilizamos: float o decimal.

FECHAS Y HORAS: para guardar fechas y horas dispone de varios tipos: date
(fecha), datetime (Fecha y hora), time (hora), year (año) y timestamp.

Ejercicios: tipografía, enlaces, imágenes, tablas, distribución, listas. Añadir las


reglas CSS al código HTML proporcionado, determinar las reglas CSS necesarias
para añadir los bordes mostrados, aplicar las reglas CSS necesarias para que el
formulario muestre el aspecto requerido (tablas), modificar menú vertical para
obtener determinadas funcionalidades, etc.
6.- Desarrolle una página en HTML5, guárdela como listas.html, desarrolle una
lista ordenada con los tres países con mayor contagio de COVID del planeta.
Disponer un título de segundo nivel y debajo de la lista la suma de las
personas contagiadas de esos tres países.

En el navegador se debe obtener el siguiente resultado, como el ejemplo:

Países con mayor población


1. China (1300 millones)
2. India (1080 millones)
3. Estados Unidos (295 millones)

Sumando estos tres países tenemos una población de 2675 millones

7.- Desarrollar una página HTML5, guardarla como enlaces.html, enumere los
principales platos típicos en una lista ordenada de 3 países y disponer una
lista de hipervínculos con las recetas de esos platos

En el navegador se debe obtener el siguiente resultado de ejemplo:


1.- Argentina
 Messi
 Pumpido
 Di María
2.- Colombia
 Alvarez Al presionar sobre cada una de
 Valderrama estas palabras, las mismas deben
 Falcao direccionar al enlace seleccionado

3.- Venezuela
 Golindano
 Soteldo
 Arango
8.-Desarrollar una página web, guardarla formato.html, la misma debe
contener un formulario con los siguientes campos de información:
1. Título del Formulario
2.- El Formulario debe contener lo siguiente campos:
a.- Nombres y Apellidos (Caja de texto)
b.- Cédula de identidad (Caja de texto)
c.- Sexo, con dos opciones excluyentes hombre o mujer.
(Selección tipo Radio)
d.- Fecha de nacimiento, utilizando la etiqueta “date”
e.- Hora, utilizando la etiqueta “time”
f.- Correo electrónico (Caja de texto), utilizar la etiqueta password
g.- Casilla de verificación con un texto, por ejemplo "Deseo recibir
información sobre novedades y ofertas".
h.- Casilla de verificación con el texto "Declaro haber leído y
aceptar las condiciones generales del programa y la normativa
sobre protección de datos".
i.- Lugar de registro, la misma debe contener una lista
desplegable con 4 diferentes opciones.
h.- Nivel de estudio, con casilla de verificación utilizando la
etiqueta check box
i.- Habilitar Botón “Subir archivo”
j.- Habilitar Botón “Limpiar los campos”, para permitir borrar los
datos de los campos ya llenados
k.- Habilitar espacio para DESCRIPCION, usando un área de texto
multilínea.
l.- Habilitar Botón de ENVIAR.

También podría gustarte