Etiqueta A HREF La etiqueta <A HREF...>...</A>; no sólo se utiliza para establecer un vinculo con otra página y/o correo. También en una página html se.

Presentación del tema: "Etiqueta A HREF La etiqueta <A HREF...>...</A>; no sólo se utiliza para establecer un vinculo con otra página y/o correo. También en una página html se."— Transcripción de la presentación:

1 Etiqueta A HREF La etiqueta <A HREF...>...</A>; no sólo se utiliza para establecer un vinculo con otra página y/o correo. También en una página html se pueden realizar enlaces a otras secciones especificas dentro del mismo documento. La forma de hacerlo consiste en colocar en el sitio deseado un puntero o etiqueta similar a la que se muestra a continuación. <A NAME=“Búsqueda”> Esta etiqueta no se visualiza en el navegador.

2 Etiqueta A HREF Para “saltar” dentro de la página al sitio especificado, es decir, a la etiqueta de “Búsqueda”, usamos un comando similar al siguiente: <A HREF=“#Búsqueda”> Temas de Biología </A> En la pantalla se despliega el hipervínculo Temas de Biología . Pulsando sobre él tenemos acceso a la zona de la página HTML que contiene la etiqueta de “Búsqueda”.

3 Etiqueta A HREF Otro uso importante de la etiqueta <A HREF...>. Es que un hipervínculo puede ser cualquier archivo. Dicho archivo puede ser mostrado u obtenido haciendo click sobre el hipervínculo. Supongamos que queremos bajar un archivo hecho en Word. La siguiente instrucción en HTML me permite relacionarlo. <A HREF=“MatDisc1.doc”> Primera clase </A>

4 Etiquetas para la Definición de estilos de texto
Tamaño del Texto Como vimos en los ejemplos previos, podemos determinar el tamaño del texto. Este tamaño se puede cambiar de por medio de la etiqueta. <FONT SIZE=X> Texto </FONT> Donde X, puede tomar los valores naturales de 1 a 7. Ejemplo: <FONT SIZE=7> Hola </FONT> <FONT SIZE=4>¿ Cómo están? </FONT>

5 Etiquetas para la Definición de estilos de texto
Alguno de los tipos de letras que podemos obtener son: <B> Bold o resaltada </B> <I> Itálica o inclinada </I> <STRONG> fuerte </STRONG> <BLINK>Intermitente</BLINK> <TT>máquina de escribir </TT> <BIG> impresión grande</BIG> <SUB> subíndice </SUB> <SUP> superíndice </SUP>

6 Etiquetas para la Definición de estilos de texto
Tipo de Letra Para cambiar el tipo de letra lo podemos hacer a través de la siguiente etiqueta: <FONT FACE="Arial">Cursos</FONT> Algunos de los tipo de letra son: <FONT FACE=“Courier">Cursos</FONT> <FONT FACE=“Verdana">Cursos</FONT> <FONT FACE=“Times New Roman">Cursos</FONT>

7 Etiquetas para la Definición de estilos de texto
Para agregar un color al texto, lo podemos hacer con la siguiente etiqueta. <FONT COLOR=“Red” SIZE=3> Texto en color Rojo </FONT>

8 Tarea Cree una página llamada cursos. Dicha página debe tener hipervínculos a las paginas de los cursos correspondientes. Por ejemplo:

9 Tarea Cree una página para el curso de Matemáticas Apli. Cs. Computación (Mat0104.html)

10 Tarea Donde Introducción es un hipervínculo a un archivo de Word o PDF