Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Ejercicio 1 HTML

    Cargado por

    laRROQUE
    152 vistas10 páginas
    El documento describe la estructura básica de una página HTML, incluyendo etiquetas como <HTML>, <HEAD>, <TITLE>, <BODY>, <P>, y <H1>. Explica que el contenido entre las etiquetas <HTML> y </HTML> comprende todo el documento, y que el encabezado entre <HEAD> y </HEAD> contiene información sobre el documento mientras que el cuerpo entre <BODY> y </BODY> contiene el contenido visible. Proporciona un ejemplo básico de una página HTML con un título, párrafo y

    Descripción original:

    Aprendiendo a utilizar el lenguaje html en 2do año

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOC, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    El documento describe la estructura básica de una página HTML, incluyendo etiquetas como <HTML>, <HEAD>, <TITLE>, <BODY>, <P>, y <H1>. Explica que el contenido entre las etiquetas <HTML> y </HTML> comprende todo el documento, y que el encabezado entre <HEAD> y </HEAD> contiene información sobre el documento mientras que el cuerpo entre <BODY> y </BODY> contiene el contenido visible. Proporciona un ejemplo básico de una página HTML con un título, párrafo y

    Copyright:

    © All Rights Reserved
    Descargue como DOC, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    152 vistas10 páginas

    Ejercicio 1 HTML

    Cargado por

    laRROQUE
    El documento describe la estructura básica de una página HTML, incluyendo etiquetas como <HTML>, <HEAD>, <TITLE>, <BODY>, <P>, y <H1>. Explica que el contenido entre las etiquetas <HTML> y </HTML> comprende todo el documento, y que el encabezado entre <HEAD> y </HEAD> contiene información sobre el documento mientras que el cuerpo entre <BODY> y </BODY> contiene el contenido visible. Proporciona un ejemplo básico de una página HTML con un título, párrafo y

    Copyright:

    © All Rights Reserved
    Descargue como DOC, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 10

    1.

    Una pgina bsica


    El principio esencial del lenguaje HTML (HyperText Markup Language) es el uso de las
    etiquetas (tags). Funcionan de la siguiente manera:
    <XXX> Este es el inicio de una etiqueta.
    </XXX> Este es el cierre de una etiqueta.
    Las letras de la etiqueta pueden estar en maysculas o minsculas, indiferentemente. Por
    claridad, se usarn en este manual slamente las maysculas
    Lo que haya entre ambas etiquetas estar influenciada por ellas. Por ejemplo, todo el documento
    HTML debe estar entre las etiquetas <HTML> y </HTML>:
    <HTML> [Todo el documento] </HTML>
    El documento en s est dividido en dos zonas principales:
    El encabezamiento, comprendido entre las etiquetas <HEAD> y </HEAD>
    El cuerpo, comprendido entre las etiquetas <BODY> y </BODY>
    Dentro del encabezamiento hay informacin del documento, que no se ve en la pantalla
    principal, principalmente el ttulo del documento, comprendido entre las etiquetas <TITLE> y
    </TITLE>. El ttulo debe ser breve y descriptivo de su contenido, pues ser lo que vean los
    dems cuando aadan nuestra pgina a su bookmark (o agenda de direcciones).
    Dentro del cuerpo est todo lo que queremos que aparezca en la pantalla principal (texto,
    imgenes, etc.)
    Por tanto, la estructura queda de esta manera:
    <HTML>
    <HEAD>
    <TITLE> Ttulo de la pgina </TITLE>
    </HEAD>
    <BODY>
    [Aqu van las etiquetas que visualizan la pgina]
    </BODY>
    </HTML>
    Antes de crear nuestra primera pgina, unas consideraciones sobre el texto: Cuando escribimos
    en el documento el texto que queremos que aparezca en la pantalla, veremos que ste se
    acomoda a ella, sin que tengamos que pulsar el retorno del carro. Si queremos separar el texto
    en distintos prrafos debemos usar la etiqueta <P>, (que no tiene su correspondiente etiqueta de
    cierre </P>)
    El texto puede tener unas cabeceras, comprendidas entre las etiquetas <H1> y </H1>, <H2> y
    </H2>, etc. (hasta el nmero 6), siendo el nmero indicativo del tamao. El tamao mayor es el
    correspondiente al nmero 1. Puedes experimentar en el ejemplo que sigue, cambiando el
    nmero para comprobar el efecto que se logra.
    Una etiqueta muy interesante es la de centrado <CENTER> y </CENTER> (no la soportan todos
    los navegadores, aunque s la mayora de ellos). Nos centra todo lo que est dentro de ella, ya
    sea texto, imgenes, etc.
    Tambin tenemos los separadores (horizontal rules), que se consiguen con la etiqueta <HR>

    (no existe la correspondiente de cierre). Con ella se obtiene una raya horizontal tan ancha como
    la pantalla, y con la apariencia de estar embutida sobre el fondo, como se puede observar a
    continuacin:
    Ejemplo prctico
    En el procesador de texto copiamos lo siguiente:
    <HTML>
    <HEAD>
    <TITLE> Mi pagina del Web - 1 </TITLE>
    </HEAD>
    <BODY>
    <H1> <CENTER> Primera pagina </CENTER> </H1>
    <HR>
    Esta es mi primera pagina, aunque todavia es muy sencilla. Como el
    lenguaje HTML no es dificil, pronto estare en condiciones de hacer
    cosas mas interesantes.
    <P> Aqui va un segundo parrafo.
    </BODY>
    </HTML>
    (Repsese lo dicho en la pgina de portada en Mtodo de trabajo, acerca del procesador de
    textos y cmo cargar el documento en el navegador)
    Las lneas en blanco y las indentaciones del texto se han puesto para mayor claridad, pero no son necesarias.
    De hecho, podra estar todo en una sola lnea. Lo importante es el orden
    correcto de las etiquetas. Por cierto, una etiqueta puede estar anidada dentro de otra. Vase enel ejemplo cmo
    lo est la etiqueta <CENTER> dentro de la etiqueta <H1>. Es muy importante, en estos casos, que las
    etiquetas de inicio y de cierre vayan en el orden correcto, pues de lo contrario se produciran errores.
    Obsrvese adems la falta de los acentos. Se hablar ms adelante sobre el motivo de ello.
    Guardamos el fichero en el procesador de textos con el nombre de mipag1.html y lo cargamos en el
    navegador. Z

    También podría gustarte