Ejercicio html PARA CREAR UNA PAGINA WEB. ING. Yesid Briceño
1. Primero crea una carpeta en el disco D: con tu nombre.
2. Abre un archivo de block de notas.
3. Copia el ejercicio 1.
4. Guarda el archivo con el nombre de PRUEBA.HTML, Y en TIPO: Todos los archivos
5. Minimiza el archivo de block de notas y en la carpeta que creaste abre el archivo tipo web con doble click. Observa si en la pestaña del navegador aparece el título(HOLA TITULO)
6. Vuelve al archivo de block de notas modifícalo al Ejercicio 2, Guarda, luego cámbiate a el archivo de internet, Actualiza la página y observa si aparece (Este es mi primer texto en una página web).
7. Así modifica el bloc de notas cada vez agregando solo lo que falta.
EJERCICIO1 título en la pestaña
<html>
<head>
<title>HOLA TITULO</title>
</head>
</html>
EJERCICIO2(solo agregas las líneas que faltan, modifica el ejercicio 1, copia lo que están en negrilla en todos de aquí en delante)
<html>
<head>
<title>HOLA TITULO</title>
</head>
<body>
<p>
Este es mi primer texto en una página web
</p>
</body>
</html>
EJERCICIO3 (solo agregas las líneas que faltan)
html>
<head>
<title>HOLA TITULO</title>
</head>
<body>
<h1>Este es mi primer título</h1>
<h2>Este es un subtítulo</h2>
<p>
Este es mi primer texto en una página web
</p>
<h2>Otro Subtitulo</h2>
<p>
Otro texto que bien
</p>
</body>
</html>
EJERCICIO4
Ahora modifico agrego lo que está en negrita donde corresponda.
<body>
<h1 style="color:red">Este es mi primer título</h1>
<h2>Este es un subtítulo</h2>
EJERCICIO5
Agrego lo que está en negrita a estas líneas.
<h2 style="color:blue">Este es un subtítulo</h2>
<p style="color:yellow">
Este es mi primer texto en una página web
</p>
<h2 style="color:red">Otro Subtitulo</h2>
EJERCICIO6
Consigue una imagen y cópiala dentro de la carpeta que creaste en el escritorio(ponle a la imagen el nombre de IMAGEN). Vuelve a el block de notas y busca estas líneas y copia lo que está en negrita.
<h2 style="color:red">Otro Subtitulo</h2> <img src="IMAGEN.jpg">
<p>
Otro texto que bien
</p>
EJERCICIO7
Debajo pon estas otras líneas que están en negrilla :
<img src="IMAGEN.jpg">
<img src=" IMAGEN.jpg" width="200" height="300"/>
<img src=" IMAGEN.jpg" width="100" height="150"/>
EJERCICIO8
Modifico, agrego <br>así:
<img src="IMAGEN.jpg"><br>
<img src=" IMAGEN.jpg" width="200" height="300"/><br>
<img src=" IMAGEN.jpg" width="100" height="150"/><br>
EJERCICIO9 Agrego:
<div align="center">
<img src="IMAGEN.jpg"><br>
<img src=" IMAGEN.jpg" width="200" height="300"/><br>
<img src=" IMAGEN.jpg" width="100" height="150"/><br>
</div>
EJERCICIO10
Copia dos imágenes más en la carpeta y cambiales el nombre, ese mismo nombre, cámbialo en el código, para que se vean imágenes diferentes en la página.
