Scribd Logo
Unggah

Selamat datang di Scribd!

  • HTML Básico. José Ángel y Reyes Viera.

    Diunggah oleh

    jose angel
    25 tayangan5 halaman
    l

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    l

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    25 tayangan5 halaman

    HTML Básico. José Ángel y Reyes Viera.

    Diunggah oleh

    jose angel
    l

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 5

    Actividades HTML

    1. Investiga qu Navegadores estn disponibles en tu PC, familiarizate con cada uno de


    ellos y escribe su nombre a continuacin:
    Navegador 1: Google Chrome
    Navegador 2: Internet Explorer
    Navegador 3: MSN
    Navegador 4: Mozilla firefox
    2. Desde tu navegador accede a la pgina http://roble.pntic.mec.es/jtal0007/xmlfp/,
    analiza los diferentes elementos que la componen y responde a las siguientes preguntas:
    A-Tiene la pgina enlaces o links?
    Si
    B-Enumera diferentes maneras de reconocer a un link o enlace:
    Est subrayado con diferentes colores llamando la atencin del lector, cuando paso el
    pulsor por encima de l se puede hacer clic abriendo esa pgina desde ah y el fondo de
    colores celeste claro, etc.
    C-Posiciona el Mouse sobre un enlace y di, sin hacer clic sobre el mismo, cul es la
    direccin a la que apunta:
    Cuando esta encima, te pone la direccin esta:
    http://roble.pntic.mec.es/jtal0007/xmlfp/
    D-Pulsa el botn del Mouse en el enlace que has elegido y accede a la nueva pgina.
    Regresa, pulsando el icono que te dirige a la pgina anterior.
    Hecho.
    3-Seala en el siguiente cdigo las etiquetas de la estructura bsica de una pgina HTML.
    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title> Introduccin a HTML </title>
    </head>
    <body>
    Esta es mi primera pgina, aunque todava es muy sencilla. Como el lenguaje
    HTML no es difcil, pronto estar en condiciones de hacer cosas ms interesantes.
    </body>
    </html>

    4-Abre la herramienta NotePad ++. Transcribe el cdigo del ejercicio anterior. Guarda el
    archivo con el nombre Actividad1.html.
    Hecho.
    5-Menciona, cules son las diferentes formas de guardar una pagina Web, y que se
    guarda en cada caso:
    un archivo HTM y un archivo HTML son lo mismo, pero el HTM se creo ya que los
    Sistemas Antiguos de Microsoft windows (Windows 95 etc, etc, ) solo soportaban
    extensiones iguales o inferiores a tres dgitos, (.Doc, .Txt, ) pero HTML tenia 4 y no lo
    reconoca por eso se saco la extensin .HTM para que estos windows pudiesen reconocer
    archivos HTML. Otro apunte era que antiguamente los nicos sistemas que soportaban el
    HTML eran sistemas UNIX (Ubuntu) que eran los nicos que reconocian extensiones de
    ms de 3 dgitos, hoy da la extensin HTM aunque es igual que HTML no se utiliza porque
    ya todos los windows modernos, (Windows 2000, XP, Vista y 7 etc) reconocen
    extensiones de ms de 4 dgitos y el HTM solo el utilizado si tienes un windows 95 por
    ejemplo porque no te soportara una extensin de 4 digitos, tu utiliza el HTML que es lo
    ms normal, el HTM esta ya en fase de extensin si no ha desaparecido ya.

    .6. Visualiza la pgina creada en el ej. 4:


    a. Hecho
    b. Hecho
    7. Modifica el cdigo Actividad1.html de manera tal que el cuerpo del cdigo quede as:
    Esta es mi primera pgina, aunque todava es muy sencilla. Como el lenguaje HTML no es
    difcil, pronto estar en condiciones de hacer cosas ms interesantes.
    8 Inserte como ltimo prrafo el siguiente texto:
    Esta es mi primera pgina, aunque todava es muy sencilla. Como el lenguaje HTML no es
    difcil, pronto estar en condiciones de hacer cosas ms interesantes. LosHTMLson
    archivosdetextoquepuedensereditadoslibrementeconelBlocdeNotasde
    Windows,aunqueparahacerlodeestamaneraesnecesarioconocerlaestructuradel
    lenguaje.
    9. Modifica el ttulo de la pgina web actividad7.html. El nuevo ttulo ser Curso de
    HTML.
    Hecho

    10. Graba los cambios realizados. Visualiza la pgina y el cdigo html (Men: Ver\Cdigo
    fuente o ctrl+U) en distintos navegadores.
    Hecho, hemos comprobado que la version de la pagina se actualiza.
    11.Crea, en un archivo nuevo, la estructura necesaria de una pgina web. Escribe el
    siguiente texto dentro de las etiquetas correspondientes:

    Practica 1 de HTML

    Bienvenidos a mi pagina web, aqui podras encontrar todo tipo de informacin, imgenes,
    msica o lo que desees.
    Nosotros somos Reyes y Jos ngel, a los dos nos gusta mucho todo lo relacionado con el
    arte, es por eso por lo que en esta pagina encontraras muchas actividades manuales paso
    a paso o comentarios de obras de arte clsica realizados por mi.

    <head>

    Define la cabecera del documento y


    contiene informacin del mismo
    (metadatos, scripts, estilos, ubicacin de
    documentos de estilos, ttulo de la pgina,
    etc.).

    <body>

    Define el cuerpo de un documento.


    Dentro del cuerpo del documento se
    incluye todo el contenido del mismo, por
    ej. textos, enlaces, imgenes, tablas, etc.

    <hr>

    Para separar un texto de otro o un


    prrafo de otro podemos utilizar una lnea
    horizontal de un tamao o un grosor

    Para escribir encabezados tenemos que


    utilizar las etiquetas <h>.

    <h1>

    Texto muy grande

    <h2>

    Texto grande

    <h3>

    Texto algo ms grande de lo normal

    <h4>

    Texto normal

    <h5>

    Texto pequeo

    <h6>

    Texto muy pequeo

    <div>

    Se utiliza para definir una seccin dentro


    del documento.
    Esta etiqueta se usa comnmente para
    agrupar un bloque de elementos, para
    luego aadirle un estilo determinado.

    <p>

    Se utiliza para representar un prrafo.

    <title>

    Define el ttulo de un documento.


    Esta etiqueta es obligatoria dentro de la
    seccin head.

    <blockquote>

    Se utiliza para designar una cita de texto


    larga(en forma de bloque).
    Generalmente los navegadores insertan
    espacios en blanco antes y despus de
    cada cita.

    <pre>

    Indica a los navegadores que se trata de


    un texto preformateado.
    Los textos preformateados tienen las
    siguientes caractersticas:
    Se representan con un tipo de
    fuente de ancho fijo.
    Respetan los saltos de lnea.
    Respetan los espacios en blanco.

    <html>

    Define el inicio del documento HTML, le

    indica al navegador que lo que viene a


    continuacin debe ser interpretado como
    cdigo HTML. Esto es as de facto, ya que
    en teora lo que define el tipo de
    documento es el DOCTYPE, que significa la
    palabra justo tras DOCTYPE el tag de
    raz.
    <hr>

    Para separar un texto de otro o un


    prrafo de otro podemos utilizar una lnea
    horizontal de un tamao o un grosor
    determinado por nosotros.

    </div>

    Le da un nombre al elemento que lo


    diferencia de todos los dems del
    documento.

    Anda mungkin juga menyukai