Guardar el archivo como Practica1.html en formato texto y visualizarlo con el navegador.

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Guardar el archivo como Practica1.html en formato texto y visualizarlo con el navegador."

Gerardo Vázquez Quintana
hace 8 años
Vistas:

1 HTML Etiquetas Básicas y de Estructura de páginas Web, Manejo de Texto y diseño de Páginas. Objetivo: Hacer prácticos los conocimientos adquiridos en la clase teórica. Investigar más etiquetas para el diseño de la Pagina Web. Desarrollar usando la creatividad los ejercicios propuestos para la clase practica. 1. Pagina básica En un procesador de texto cualquiera teclear el siguiente código <HTML> <HEAD> <TITLE> Mi primera pagina Web </TITLE> </HEAD> <BODY> Esta es mi primera pagina, es muy sencilla, pero como el Lenguaje HTML es fácil, pronto estaré en condiciones de hacer Cosas más interesantes. </BODY> </HTML> Guardar el archivo como Practica1.html en formato texto y visualizarlo con el navegador. 2. Fondos de página, cabeceras y bloques En un procesador de texto cualquiera teclear el siguiente código <title>practica de cabeceras y bloques</title> <body bgcolor="#ebdca7"> <h2 align="center">practicas de encabezados y bloques de texto</h2> <div align="center"> <h1>encabezado de nivel 1 </h1> <h2>encabezado de nivel 2</h2> <h3>encabezado de nivel 3</h3> <h4>encabezado de nivel 4</h4> <h5>encabezado de nivel 5</h5> <h6>encabezado de nivel 6</h6> <p>parrafo dentro del <DIV> centrado, por lo cual, hereda la alineación</p> <hr width="50%" size="5"> </div>

Pagina básica En un procesador de texto cualquiera teclear el siguiente código <HTML> <HEAD> <TITLE> Mi primera pagina Web </TITLE> </HEAD> <BODY> Esta es mi primera pagina, es muy sencilla, pero

2 <blockquote>parrafos con diferentes alineaciones</blockquote> <p>parrafo fuera del <DIV> centrado, por lo cual toma la alineación izquierda por defecto</p> <p align="right">parrafo alineado a la derecha</p> <p align="center">parrafo centrado</p> con esta línea comprobamos que el H T M L no respeta ni los espacios ni los saltos de línea <pre> Pero si incluimos la etiqueta <PRE> nos muestra el T E X T O tal y como lo escribimos </pre> <p>html separa las palabras del texto con un blanco, si queremos añadir mas blancos, debemos hacer referencia a la entidad que lo representa ( )como por ejemplo: &nbsp ; esto</p> Guardar el archivo como Practica2.html en formato texto y visualizarlo con el navegador. 3. Ejercicio Práctico guiado Con ayuda de tu Instructor crea una página que muestre el siguiente resultado. Guardar el archivo como Practica3.html en formato texto y visualizarlo con el navegador.

T E X T O tal y como lo escribimos </pre> <p>html separa las palabras del texto con un blanco, si queremos añadir mas blancos, debemos hacer referencia a la entidad que lo representa ( )como por

3 4. Listas Confeccione una lista ordenada con los tres países con mayor población del planeta. Disponer un título de segundo nivel y debajo de la lista la suma de habitantes de esos tres países enfatizados. <body> <h2>paises con mayor población</h2> <li>china (1300 millones) <li>india (1080 millones) <li>estados Unidos (295 millones) <p>sumando estos tres paises tenemos una población de <strong>2675 Millones </strong></p> Guardar el archivo como Practica4.html en formato texto y visualizarlo con el navegador. 5. Listas anidadas. Confeccionar una lista no ordenada de lenguajes de programación. Luego disponer una lista ordenada con hipervínculos a sitios que tratan dichos lenguajes. <body> <ul> <li>php <li><a href=" PHP</a> <li><a href=" Adictos</a> <li><a href=" Hispano</a> <li><a href=" México</a> <li>javascript <li><a href="

<body> <h2>paises con mayor población</h2> <li>china (1300 millones) <li>india (1080 millones) <li>estados Unidos (295 millones) <p>sumando estos tres paises tenemos una población de <strong>2675

4 <li><a href=" Point</a> <li>c++ <li><a href=" Maldito C++</a> <li><a href=" Builder</a> </ul> Guardar el archivo como Practica5.html en formato texto y visualizarlo con el navegador. 6. Ejercicios 1. Con ayuda de tu Instructor, aplica en el ejercicio Practica5.html, una imagen de fondo. 2. Investiga en el Internet que son y para qué sirven las Etiquetas METAS. 3. Busca información sobre la etiqueta <META http-equiv= Page-Exit y <META httpequiv= Page-Enter, aplica a los ejercicios a los archivos anteriormente creados. 4. Con las etiquetas marquesinas crea una animación de texto en el archivo Practica3.html que se mueva de la siguiente manera 5. Crea una página HTML, con la siguiente estructura. 1. Etiquetas Básicas a. Inicia una página web b. <body> Indica el inicio del cuerpo de la pagina c. <Head> 2. Etiquetas de Texto a. <Font Face Size Color

Con ayuda de tu Instructor, aplica en el ejercicio Practica5.html, una imagen de fondo. 2. Investiga en el Internet que son y para qué sirven las Etiquetas METAS. 3.

5 b. <h1>.<h6> 3. Etiquetas de Atributos al texto a. <sub> H 2 O b. <b> Hola c. <u> Hola de nuevo d. <i> aquí estamos de nuevo e. <sup> O 16 f. <del> mira esto 4. Etiquetas de Párrafo a. <div> b. <p> Aplica un color de fondo negro, una marquesina con tu nombre, color de letra blanco, guarda el archivo con el nombre de Practica6.html

Documentos relacionados

Profesor: Víctor Cárdenas Schweiger

Profesor: Víctor Cárdenas Schweiger 2014 En primer lugar se debe especificar que el archivo de texto que se esta escribiendo es un documento HTML, para ello usamos las instrucciones de inicio y fin de