Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 10 vistas

    HTML-Hipervinculos-Alineaciones y Ejer Prácticos

    Cargado por

    Gabriel Vasquez

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    HTML-Hipervinculos-Alineaciones y Ejer Prácticos

    Cargado por

    Gabriel Vasquez
    10 vistas4 páginas

    Título original

    3. HTML-Hipervinculos-Alineaciones y Ejer Prácticos

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    10 vistas4 páginas

    HTML-Hipervinculos-Alineaciones y Ejer Prácticos

    Cargado por

    Gabriel Vasquez

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 4

    Diseño WEB I

    HIPERVINCULOS

    A. HIPERVÍNCULO A OTRA PÁGINA DEL MISMO SITIO <a>

    El elemento más importante que tiene una página de internet es el hipervínculo, estos nos permiten cargar otra página
    en el navegador. Esto es lo que hace diferente la página de un libro con la página de un sitio en internet. Normalmente
    un libro lo recorremos en forma secuencial, pero un sitio de internet podemos disponer estos enlaces entre un conjunto
    de páginas y luego tener distintas alternativas de recorrido.

    Un navegador al encontrar esta marca muestra un texto subrayado y al hacer clic con el mouse sobre éste el navegador
    carga la página indicada por dicho hipervínculo. La marca de hipervínculo a otra página del mismo sitio tiene la
    siguiente sintaxis:

    <a href="pagina2.html">Noticias</a>

    Como vemos, se trata de otro elemento HTML que tiene comienzo de marca (etiqueta) y fin de marca. Lo que se
    encuentra entre el comienzo de marca (etiqueta) y el fin de la marca es el texto que aparece en la página (normalmente
    subrayado).

    Lo nuevo que aparece en este elemento es el concepto de una propiedad. Una propiedad se incorpora en el comienzo
    de una marca y tiene un nombre y un valor. El valor de la propiedad debe ir entre comillas dobles.

    El atributo href del elemento "a" hace referencia a la página que debe mostrar el navegador si el visitante hace clic
    sobre el hipervínculo. Ejemplo: Crear el código HTML de dos páginas que contengan hipervínculos entre sí. Serán:
    pagina1.html y pagina2.htm

    Material Recopilado por Lic. Suyapa del Cid


    1
    Diseño WEB I

    Página 1 Página 2

    B. HIPERVÍNCULOS A UN SITIO DE INTERNET <a>

    La sintaxis para disponer un hipervínculo a otro sitio de internet es: <a href="escribir la dirección url
    correcta">Buscador Google</a>

    Ejemplo <a href="http://www.google.com">Buscador Google</a>

    Ahora la propiedad href la inicializamos con el nombre del dominio del otro sitio. Algo importante que hay que
    anteceder al nombre del dominio es el tipo de protocolo a utilizar. Cuando se trata de una página de internet, el
    protocolo es el http.

    Resumiendo a la propiedad href la inicializamos con el nombre del protocolo (http) seguida de dos puntos (:) y dos
    barras (//) luego la cadena (www.) y finalmente el nombre de dominio del sitio a enlazar.

    Ejemplo: Página que muestra un hipervínculo al sitio principal del buscador Google:

    <html>

    <head>
    </head>

    <body>
    <a href="http://www.google.com">Buscador Google</a>
    </body>
    </html>

    Si analizamos un poco y pensamos que esta marca nos permite pedir una página a un servidor para que la cargue en
    el navegador: ¿Qué página nos retorna del dominio www.google.com?

    La respuesta es que todo servidor cuando recibe una petición de una página sin indicar su nombre (es decir sólo está
    el nombre de dominio) selecciona y envía una página que tiene configurada el servidor como página por defecto
    (generalmente esa página es la principal del sitio y a partir de la cual podemos navegar mediante hipervínculos a
    otras páginas que se encuentran en dicho dominio).

    ❖ ETIQUETA PARA NOMBRE DE LA PAGINA <title>

    <title>: La etiqueta <title> sirve para asignarle un nombre a la página del sitio. Se escribe en la cabecera del
    contenido html, dentro de la etiqueta <head>………. </head>

    Material Recopilado por Lic. Suyapa del Cid


    2
    Diseño WEB I

    Ejemplo:
    <head>
    <title>Aquí se escribe el nombre de la página </title>
    </head>

    ❖ APLICAR ALINEACIÓN DE TEXTOS O PÁRRAFOS: etiqueta p y atributo align


    El texto que se mostrará
    Sintaxis alineado en el navegador.
    <p align=" Tipo Alineación ">Texto alineado </p>
    La etiqueta de cierre
    Se escribe el tipo de alineación en Ingles
    Esta es la etiqueta <p> y atributo align

    Ejemplos

    a. <p align="center">Texto alineado al centro</p>


    b. <p align="left">Texto alineado a la izquierda</p>
    c. <p align="right">Texto alineado a la derecha</p>
    d. <p align="justify">Texto justificado</p>

    A. EJERCICIOS PRÁCTICOS

    1. Realizar los siguientes ejercicios Prácticos, varios hipervínculos

    a. Hacer una página principal de hipervínculos, guardarla con el nombre hipervínculos y su nombre
    (Por ejemplo, hipervínculos Suyapa.html).
    b. Enlazar o vincular los ejercicios desarrollados en clase, según el orden de los archivos.
    c. En cada página o ejercicio hacer un hipervínculo que nos regrese a la página principal de los
    hipervínculos.

    2. Realizar los siguientes ejercicios practicos, hipervínculos a sitios de internet:

    a. Hacer un hipervínculo a youtube


    b. Hacer un hipervínculo a un periodico local (Honduras)
    c. Hacer un hipervínculo a wikipedia
    d. Hacer un hipervínculo de Google
    e. Hacer un hipervínculo a una red social

    3. Realizar el siguiente ejercicio Práctico, aplicar una alineación diferente en cada parrafo.

    Nota: Aplicar a cada término una alineación diferente , utilizando las 4 alineaciones (a la izquierda, centro,
    justificar, derecha), también debes utilizar algunas de las etiquetas vistas anteriormente para que se visualiza el
    contenido en el navegador, similar como se muestra en el contenido anterior.

    (Escribir el contenido siguiente )

    Material Recopilado por Lic. Suyapa del Cid


    3
    Diseño WEB I

    B. GUIA DE TRABAJO

    Indicaciones: Leer el contenido anterior, luego responder de forma clara, ordenada y correcta cada una de
    las siguientes preguntas en el cuaderno.

    1. ¿Cuál es la sintaxis de un hipervínculo?


    2. ¿Indique cuál es la etiqueta, cuál es el atributo y cuál es la propiedad en esta sintaxis <a
    href="pagina2.html">Vínculos</a>?
    3. ¿Cuál es la sintaxis para hacer hipervinculos a sitios de internet?
    4. ¿Para que sirve la etiqueta title?
    5. Describa la partes de la sintaxis para alinear textos o parrafos.
    6. ¿Cuales son los tipos de alineación que se pueden aplicar?
    7. Escriba un ejemplo de cada una de las alineaciones. (Solo el código de la linea donde aplica el tipo
    de alineación).

    Material Recopilado por Lic. Suyapa del Cid


    4

    También podría gustarte