App Mentimeter

Marquesinas, listas y enlaces en HTML

//////////////////////////////////////////////////////////////////////////////////////////////////

Progresión: representa la solución de la situación, fenómeno o problemática a través de páginas web (hosting u hospedaje, dominio, ftp, usuarios, contraseñas), con el lenguaje de Marcas –Hyper Text Markup Language o HTML.

Meta específica: organiza y presenta información, o datos, que dan solución a un problema, a través de un sitio web con el uso etiquetas de HTML.

Marquesinas en HTML

Las marquesinas, sirven para dar ciertos tipos de movimiento en un bloque de texto, lo cual hace efecto de lenguaje dinámico.

Las etiquetas para insertar una marquesina son las siguientes:

Otros atributos que se pueden combinar a las etiquetas de marquesinas son los siguientes:

En el block de notas copia el siguiente código y guárdalo como ejemplo3.html

<HTML>

<HEAD>

<TITLE> EJEMPLO 3 </TITLE>

</HEAD>

<!Aquí definimos el tamaño, color y tipo de letra–>

MARQUESINAS

Elaborado por: Héctor Rasso Mora

<HR>

MARQUESINA RECCORRE LA PANTALLA DE DERECHA A IZQUIERDA (con el fondo

de la página)

</MARQUEE>

MARQUESINA RECCORRE LA PANTALLA DE DERECHA A IZQUIERDA (con fondo

azul)

</MARQUEE>

MARQUESINA QUE REBOTA DE UN LADO A OTRO DE LA PANTALLA

</MARQUEE>

</BODY>

</HTML>

Listas

Las listas en HTML proporcionan una forma de clasificar la información, y hacer que ésta sea más inteligible por parte del visitante de las páginas.

Listas ordenadas: OL.

También llamadas listas numeradas son aquellas en las que cada elemento tiene delante un número que indica el orden del elemento dentro del conjunto de la lista.

La marca para crear una lista ordenada es <OL> </OL>.

Son obligatorias las etiquetas de comienzo y fin de estas marcas.

Cada elemento de la lista ordenada se identifica escribiéndolo dentro de la marca

<LI> … </LI>.

La etiqueta de fin puede ser omitida.

Con la marca LI no es necesario introducir un retorno de carro ( ) detrás de cada elemento de la lista.

Es posible especificar el tipo de numeración que se dará (números arábigos, números romanos, letras, etc.), por defecto se sigue la numeración árabe.

Las listas numeradas pueden ser anidadas una dentro de otra.

Listas desordenadas: UL.

También llamadas listas no numeradas son listas en las que no es necesario numerar de alguna manera los elementos que la componen, sino que cada elemento tiene delante un símbolo (un punto, un cuadrado, etc.).

La forma de especificar una lista desordenada es mediante la marca <UL>. Las etiquetas de comienzo y fin de esta marca son obligatorias.

Cada elemento de la lista se identifica mediante la marca <LI>. La etiqueta de fin para la marca <LI> se puede omitir

También es posible en las listas desordenadas especificar el símbolo que va a aparecer delante de cada elemento de la lista.

Las listas desordenadas también pueden ser anidadas una dentro de otra.

Listas de definición: DL.

A diferencia de los dos tipos anteriores de listas, las listas de definición, se utilizan para presentar la información sin marcas, ni números, sino que utiliza los sangrados de los párrafos.

Las listas de definición están constituidas por términos y su subsiguiente definición.

La forma de implementar las listas de definición es con la marca <DL> de la siguiente forma:

<DL>

</DL>

<DT> Nombre del término

<DD> Definición del término

Cada término de la lista de definición se indica con la marca <DT> y no sangrará, mientras que la descripción del término se indica con la marca <DD> y sangrará hacia la derecha para resaltarla del término.

Antes y después de la descripción de cada palabra clave, las listas de definición incorporan un retorno de carro,

Las listas de definición también pueden anidarse.

Con lo que hemos aprendido ya puedes hacer pruebas con listas, vamos anímate a hacerlo solo.

Enlaces o links

Los enlaces entre páginas Web son tan importantes que dan nombre al propio lenguaje HTML, lenguaje de marcas de hipertexto. La característica que más ha influido en el espectacular éxito de la Web ha sido, aparte de su carácter multimedia, la posibilidad de unir los distintos documentos.

El uso de ligas o enlaces, caracteriza a las páginas Web ya que permite enlazar diferentes páginas, ya sean de un mismo sitio, o bien, hacia otro lado en Internet. A las ligas que se encuentran en un mismo sitio se le llaman absolutas, las que se encuentran fuera de éste se llaman relativas.

La etiqueta para hacer los enlaces o ligas es la siguiente:

<A> </A> y tiene varios atributos, entre ellos HREF y TARGET.

En general los enlaces tienen la siguiente estructura:

<A REF=”destino”> texto de referencia </A>

Atributo HREF

Existen cuatro tipos de enlaces

• Enlaces dentro la misma página.

Cuando una página es muy extensa es posible crear enlaces entre ella misma, para ello es necesario utilizar dos ligas. La primera indica la palabra a la cuál saltará el texto y la segunda sirve para identificar dicha palabra como el “ancla”.

<A HREF=”#Palabraclave”> ir hacia palabra </A>

• Enlaces con otra página propia

<A HREF=”página.html”> texto de referencia </a>

• Enlaces con una página fuera de nuestro sistema

<A HREF=”https://www.gob.mx/bachilleres”> Colegio de Bachilleres </a>

• Enlaces con una dirección de e-mail

<A HREF=”mailto: hector.rasso@bachilleres.edu.mx”> texto de enlace </a>

Atributo TARGET

El atributo target se utiliza para indicar la ventana en la cual se desplegará el contenido de la liga que se ha activado.