Informe de Identificación de Componentes Del Plan de Pruebas y Criterios de Aceptación. GA5-220501123-AA3-EV01

Producto para entregar:
Informe de identificación de componentes del plan de pruebas y criterios de aceptación
GA5-220501123-AA3-EV01.
Presentado Por:
Andres Muñoz
2024
Contenido.html
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="estilos.css">
<title>Título de la Página</title>
</head>
<body>
<header>
<h1>HTML</h1>
</header>
<main>
<article>
<p>
<span class="texto-negrita">HTML</span>, son las siglas de <i>HyperText Markup
Language</i> que puede traducirse como lenguaje de marcas o marcado de hipertexto.
</p>
<p>
El lenguaje <span class="texto-negrita">HTML</span> se emplea para crear las páginas web.
Es muy fácil ver el código <span class="textonegrita">HTML</span> de una página web, la ópcion exacta
camia de un navegador a otro y tambiién pede cambiar de una versión a otra de un mismo navegador,
pero suelen tener un nombre similar.
</p>
<p>
<span class="texto-negrita">HTML</span>, se compone de etiquetas que se escrien entre los
simbolos menor que y mayor que.
</p>
</article>
<article>
<h2 class="texto-negrita">Historia de HTML</h2> <p>
Los inicios del lenguaje <span class="texto-negrita">HTML</span>se remontan al año 1990,
cuando <i>Timb Berners-Lee</i> creó la primera página web.
</p>
</article>
<article>
<h2 class="texto-negrita">Versiones de HTML</h2>
<p>
<i>Tim Berners-Lee</i>definio la primera versión de <span class="texto-negrita"> HTML</span>,
en el año 1991.
</p>
<p>
En la actualidad, la última versión de <span class="textonegrita">HTML</span>, es HTML5.
</p>
</article>
</main>
<footer>
</footer>
</body>
</html>
Listas.html
<!DOCTYPE html>
<html lang="es">
<head>
</head>
<body>
<header>
<h1 class="texto-negrita">Curriculum Vitae de Bruce Wayne</h1>
</header>
<main>
<article>
<h2 class="texto-negrita">Datos personales</h2>
<ul>
<li>Nombre completo: <span class="texto-negrita"> Bruce
Wayne</span></li>
<li>Fecha de nacimiento: <span class="texto-negrita">
1/5/1939</span></li>
<li>Lugar de nacimiento: <span class="texto-negrita"> Gotham city</span></li>
</ul>
</article>
<article>
<h2 class="texto-negrita">Formación académica</h2>
<ul>
<li>1956-1961: <span class="texto-negrita"> Universidad del Espantapájaros</span></li>
<li>1952-1956: <span class="texto-negrita"> Instituo de Dos
Caras</span></li>
<li>1944-1952:<span class="texto-negrita">Escuela Primaria del
Joker</span></li>
</ul>
</article>
<article>
<h2 class="texto-negrita">Experiencia laboral</h2>
<ul>
<li>1975-1985: <span class="texto-negrita"> En el paro</span></li> <li>1965-1975:
<span class="texto-negrita"> Cazavillanos y demas chusma</span></li>
<li>1962-1965:<span class="texto-negrita">Aprendz de superhéroe</span></li>
</ul>
</article>
</main>
<footer>
</footer>
</body>
</html>
Formulario.html (Formulario de Registro)

<!DOCTYPE html>
<html lang="es">
<head>
</head>
<body>
<header>
<h1 class="texto-negrita">Formulario de registro</h1>
</header>
<form action="/enviar.php" method="POST">
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre" required>
<br>
<label for="apellido">Apellido:</label>
<input type="text" id="apellido" name="apellido" required>

<br>
<div class="sexo-options">
<span>Sexo:</span>
<div class="sexo-option">
<label>
<input type="radio" id="sexo-hombre" name="sexo" value="hombre" required>
Hombre
</label>
</div>
<div class="sexo-option">
<label>
<input type="radio" id="sexo-mujer" name="sexo" value="mujer" required>
Mujer
</label>
</div>
</div>
<br>
<label for="correo">Correo electrónico:</label>
<input type="email" id="correo" name="correo" required>
<br>
<label for="poblacion">Población:</label>
<select id="poblacion" name="poblacion" required>
<option value="ciudad">Ciudad</option>
<option value="pueblo">Pueblo</option>
<option value="aldea">Aldea</option>
</select>
<br>
<label for="descripcion">Descripción:</label>
<textarea id="descripcion" name="descripcion" required></textarea>
<br>
<label>
<input type="checkbox" name="novedades" value="si">
Deseo recibir información sobre novedades y foros.
</label>
<br>
<label>
<input type="checkbox" name="aceptar" value="si" required>

Declaro haber leído y aceptar las condiciones generales.
</label>
<br>
<button type="submit" class="btn-submit">Enviar</button>
</form>
</body>
</html>
body { font-family: Arial, sans-serif;
}
.a { border: 2px solid #f35d06; margin: 20px; /* Cambié los valores de
margen */ padding: 20px; /* Cambié los valores de padding */
}
.c { background-color: #ffd86c; /* Naranja tenue */ padding: 10px;
text-align: center; border-radius: 5px; /* Bordes redondeados */
margin-bottom: 20px; /* Espacio entre cuadros */
}
.d { background-color: #a1923a; /* Naranja tenue */ padding: 10px; text-align: right;
border-radius: 5px; /* Bordes redondeados */ margin-bottom: 20px; /* Espacio
entre cuadros */
}
.b { border: 2px solid #350279; margin: 20px; /* Cambié los valores de

margen */ padding: 20px; /* Cambié los valores de padding */
}
.e { background-color: #3c2e3d; /* Naranja tenue */ padding: 10px; text-align:
center; border-radius: 5px; /* Bordes redondeados */ margin-bottom: 20px; /* Espacio
entre cuadros */
}
.f { background-color: #46345e; /* Naranja tenue */ padding: 10px; text-align:
right; border-radius: 5px; /* Bordes redondeados */ margin-bottom: 20px; /* Espacio
entre cuadros */
}
Estilo.css
Estilos.html
<!DOCTYPE html>
<html lang="es">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="estiloss.css">
<title>Document</title>
</head>
<body>
<div class="a">
<p class="c">Si algo puede salir mal, saldrá mal</p>
<p class="d">Ley de Murphy</p>
</div>
<div class="b">
<p class="e">Murphy era un optimista</p>
<p class="f">Comentario de O'Toole</p>
</div>
</body>
</html>
body { font-family: Arial, sans-serif;

}
.a { border: 2px solid #f35d06; margin: 20px; /* Cambié los valores
de margen */ padding: 20px; /* Cambié los valores de padding */
}
.c { background-color: #ffd86c; /* Naranja tenue */ padding: 10px;
text-align: center; border-radius: 5px; /* Bordes redondeados */
}
.d { background-color: #a1923a; /* Naranja tenue */ padding: 10px;
text-align: right; border-radius: 5px; /* Bordes redondeados */
}
.b { border: 2px solid

#350279; margin: 20px; /*
Cambié los valores de margen */
padding: 20px; /* Cambié los
valores de padding */
}
.e {
background-color: #3c2e3d; /* Naranja tenue */ padding: 10px; text-align:
center; border-radius: 5px; /* Bordes redondeados */ margin-bottom: 20px; /* Espacio
entre cuadros */
}
.f { background-color: #46345e; /* Naranja tenue */ padding: 10px; text-align:
right; border-radius: 5px; /* Bordes redondeados */ margin-bottom: 20px; /* Espacio
entre cuadros */
}
Estiloss.css

Informe de Identificación de Componentes Del Plan de Pruebas y Criterios de Aceptación. GA5-220501123-AA3-EV01

Cargado por

Copyright:

Formatos disponibles

Informe de Identificación de Componentes Del Plan de Pruebas y Criterios de Aceptación. GA5-220501123-AA3-EV01

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Informe de Identificación de Componentes Del Plan de Pruebas y Criterios de Aceptación. GA5-220501123-AA3-EV01

Cargado por

Copyright:

Formatos disponibles

Producto para entregar:

Informe de identificación de componentes del plan de pruebas y criterios de aceptación

Formulario.html (Formulario de Registro)

<input type="text" id="apellido" name="apellido" required>

<input type="checkbox" name="aceptar" value="si" required>

.b { border: 2px solid #350279; margin: 20px; /* Cambié los valores de

body { font-family: Arial, sans-serif;

.b { border: 2px solid

También podría gustarte