Scribd Logo
Importer

Bienvenue sur Scribd !

  • Ejercicios HTML Bloc de Notas

    Transféré par

    saeb
    5K vues8 pages
    examen html

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    examen html

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    5K vues8 pages

    Ejercicios HTML Bloc de Notas

    Transféré par

    saeb
    examen html

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 8

    Creacin de pginas web.

    Lenguaje HTML> HTML, siglas de HyperText Markup Language (lenguaje de marcas de hipertexto),

    Ejercicios de Lenguaje HTML (I)

    Ejercicio 1
    1.- Abre el Bloc de Notas y escribe el siguiente texto:
    <HTML>
    <HEAD>
    <TITLE>Mi primera pgina</TITLE>
    <HEAD>
    <BODY>
    <CENTER><H1>Mi primera pgina</H1></CENTER>
    <HR>
    <P>Esta es mi primera pgina
    </BODY>
    </HTML>
    2.- Gurdalo con el nombre mipag01tunombre.html
    3.- Arranca el navegador y abre el fichero que acabas de crear.

    Ejercicio 2
    Edita el fichero mipag01tunombre.html y pon el siguiente cuerpo a la pgina.
    <H1>TTULO 1</H1>
    <H2>TTULO 2</H2>
    <H3>TTULO 3</H3>
    <H4>TTULO 4</H4>
    <H5>TTULO 5</H5>

    <H6>TTULO 6</H6>

    Slvalo con el nombre mipag02tunombre.html y luego brelo con el navegador.

    Ejercicio 3
    1.- Edita el fichero mipag01.html y pon en el cuerpo dos o tres prrafos (de tres o cuatro lneas caada prrafo)
    tomados del artculo de la energa en Andaluca. Separa los prrafos sin poner etiquetas, slo pulsando Intro
    una o dos veces. Slvalo, y luego edtalo con tu navegador. Observa que los prrafos se ven juntos.
    2.- Sigue con la edicin del fichero, pon las etiquetas <P> a cada prrafo. Slva el fichero y brelo con el
    navegador.
    3.- Aumenta la separacin entre prrafos con <BR> y <P>.

    Ejercicio 4:
    Para comprobar cmo se pueden alinear textos.

    1.- Edita el fichero mipag01tunombre.html y justifica todos los prrafos con <DIV align=justify>. Comprueba
    en el navegador la presentacin.

    2.- Ahora centra el prrafo y ajusta a la derecha el segundo. Comprueba el resultado.

    Ejercicio 5:
    Para cambiar el aspecto de la letra

    1.- Edita el fichero mipagina01tunombre.html y pon a las frases del primer prrafo las etiquetas adecuadas
    para que aparezcan en negrita, cursiva y teletipo.
    2.- Usa la etiqueta <FONT> con size = 1,2, etc., para tener las primeras palabras del segundo prrafo en
    tamao creciente.
    3. Ahora usa la etiqueta <FONT> con size = + 1, - 1, + 2, - 2, etc. para tener las primeras palabras del segundo
    prrafo en tamao creciente y decreciente.

    Ejercicio 6:
    Para comprobar los parmetros de los colores. Gua de colores
    Black
    Green

    Silver
    Lime

    Gray
    Olive

    White
    Yellow

    Maroon
    Navy

    Red
    Blue

    Purple
    Teal

    Fuchsia
    Aqua

    1.- Haz un fichero colores01tunombre.html con varias lneas como la siguiente, una para cada uno de los
    colores de la tabla anterior.
    <FONTcolor=red>Rojo</FONT>

    Ejercicio 7:
    1.- Haz un fichero colores02tunombre.html con el siguiente texto:
    <FONT COLOR=#FF0000>Rojo100%</FONT>
    <FONTCOLOR=#8F0000>Rojo50%</FONT>
    <FONTCOLOR=#4F0000>Rojo25%</FONT><P>
    <FONTCOLOR=#00FF00>Verde100%</FONT>
    <FONTCOLOR=#008F00>Verde50%</FONT>
    <FONTCOLOR=#004F00>Verde25%</FONT><P>
    <FONTCOLOR=#0000FF>Azul100%</FONT>
    <FONTCOLOR=#00008F>Azul50%</FONT>
    <FONTCOLOR=#00004F>Azul25%</FONT>
    Slvalo y lelo en tu navegador.
    2.- Cambia los colores RGB anteriores y observa los resultados.
    3.- Experimenta con los cdigos para obtener el color amarillo.

    Ejercicio 8:
    Para comprobar cmo hacer hipertexto.

    Los mecanismos ms usados son los siguientes:


    1.- Haz una pgina llamada interesantesminombre.html donde poner enlaces a sitios interesantes. Por
    ejemplo, puedes empezar con el siguiente texto:
    <HTML>
    <HEAD>
    <meta http-equiv=Content-Typecontent=text/html;charset=ISO-8559-1>
    <TITLE>Sitios de inters</TITLE>
    </HEAD>
    <BODY>
    <CENTER>
    <H1>Mis pginas favoritas</H1>
    </CENTER>
    <HR>
    Estas son mis pginas favoritas:
    <P><AHREF=http://www.google.es>Google</A>
    <BR><AHREF=http://www.juntadeandalucia.es/averroes/iesalfonso_romero_barcojo>IESAlfonsoRomero
    Barcojo</A>
    </BODY>
    </HTML>

    Ejercicio 9:
    Para comprobar cmo se hacen listas.
    Listas desordenadas:

    Listas ordenadas:

    Ejercicio 10:
    Haz una lista desordenada con los nombres:Desayuno, almuerzo, Merienda y Cena.
    Convierte en ordenada la lista anterior.

    Ejercicio 11:
    Para incluir grficos e imgenes en unestras pginas utilizaremos la etiqueta <IMG> de esta manera:
    <IMG SRC="fichero_grafico"" ALT="description"
    El parmetro SRC especifica el nombre del fihero que contiene el grfico. Los formatos de imagen deben ser
    JGP o GIF. El parmetro ALT especifica el texto que se mostrar en lugar del grfico en aquellos navegadores
    que no lo muestren.
    Con los parmetros HEIGHT y WIDTH se puede indicar siempre: la altura y la anchura del grfico en pxeles.
    <IMG SRC="animales/gato.jpg" ALT="Gato" Width=100 Height=145
    El nombre del fichero imagen debe hacer referencia ala carpeta de origen del mismo. No se pondr si sta es
    la misma que la del documento HTML que estamos elaborando.
    Se puede alinear una imagen a la izquierda o a la derecha de la pgina. Esto se consigue con los parmetros
    ALIGN= RIGHT (imagen a la derecha) y ALIGN=LEFT (la imagen queda a la izquierda).
    Tambin se puede poner una imagen como fondo de toda la pgina. Esto se consigue poniendo el parmetro
    BACKGRONUD="imagen" en la etiqueta <BODY>, siendo imagen el nombre del fichero grfico GIF o JPG.
    <BODY BACKGROUND="animales/gato.gif">
    Apoyndote en la explicacin anterior, edita el archivo del ejercicio n 3 e inserta una imagen centrada detrs
    de cada prrafo.

    Ejercicio 12:
    Edita el archivo n 6 y coloca como imagen de fondo de la pgina una paleta de colores que captures en
    Internet.
    Carct
    er

    Entidad
    HTML
    &aacute;
    &eacute;
    &iacute;
    &oacute;

    Carct
    er

    Entidad
    HTML
    &Aacute;
    &Eacute;
    &Iacute;
    &Oacute;

    &uacute;
    &uuml;
    &ntilde;
    &iexcl;

    &Uacute;
    &Uuml;
    &Ntilde;
    &iquest;

    Vous aimerez peut-être aussi