TEMA 4 - ETIQUETAS BASICAS

Fecha de Publicación: Febrero 26 de 2020

MARQUESINAS EN HTML

Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma lineal.

Para insertar una marquesina, es necesario insertar el texto que queremos tenga movimiento entre las etiquetas  <marquee>  y  </marquee>.

La marquesina, por defecto, se desplaza de derecha a izquierda indefinidamente, pero si lo deseas puedes hacer que estas propiedades varíen.

A través del atributo behavior puede modificarse el tipo de movimiento. Puede tomar los siguientes valores:

alternate (de lado a lado de la ventana, como si rebotara en los extremos)
scroll (de un lado a otro, continuamente)
slide (de un lado a otro, pero una sola vez).

A través del atributo direction puede modificarse la dirección en la que se moverá el texto. Puede tomar los siguientes valores:

left (de derecha a izquierda)
rigth (de izquierda a derecha).
down (de arriba a abajo)
up (de abajo a arriba)

También es posible establecer un color de fondo, a través del atributo bgcolor y escribir el código del color, por ejemplo “#006699” o escribir la palabra en ingles de un color básico, por ejemplo “Blue” o “Pink”.

PARRAFOS EN HTML


Un párrafo es un conjunto de frases sobre un mismo asunto. En HTML para demarcar un párrafo se usa la siguiente etiqueta:

<p> al comienzo del párrafo
</p> Fin del párrafo.

Entre estas etiquetas de párrafo pueden insertarse etiquetas <Font> para dar formato al texto donde sea necesario, y etiquetas </br> para saltos de línea dentro del párrafo.

LINEAS EN HTML

Se puede separar dos párrafos o cualquier elemento de la pagina mediante una línea horizontal, para esto se usa la etiqueta: <hr>. A esta línea puede asignarse propiedades como:

Size : Grosor de la línea
Width: ancho de la línea, en porcentaje con respecto al ancho de la ventana
Align: Alineación de la línea, “left”, “center” o “rigth”.


ETIQUETAS PARA FORMATO DE TEXTOS

Existen etiquetas para dar formato a un texto o una palabra que cuando se requieren se pueden insertar dentro del párrafo. Se tienen las siguientes:

ETIQUETA
USO
<b>…</b>
Poner texto en negrita
<i>…</i>
Poner texto en cursiva
<u>…</u>
Poner texto subrayado
<small>…</small>
Poner texto más pequeño
<big>…</big>
Poner texto más grande
<sub>…</sub>
Poner texto subíndice
<sup>…</sup>
Poner texto superíndice
<strike>…</strike>
Poner texto como tachado
<s>…</s>
Poner texto como tachado

 ENCABEZADOS EN HTML

Se puede escribir los títulos o subtitulos de nuestra pagina web utilizando encabezados, para esto se utiliza la etiqueta <h>.

Esta etiqueta viene acompañada de un número, desde el 1 hasta el 6, predefiniendo éstos el tamaño del encabezado. Así, <h1> sería el encabezado más grande mientras que <h6> sería el más pequeño.


EJERCICIO.



Esta página tiene aplicadas etiquetas de una marquesinas, un encabezado, dos párrafos, una línea horizontal dividiendo los párrafos y algunas palabras en negrita, cursiva, colores y subrayado.

El código es el siguiente:

<html>
<head>
<title>Ejercicio 2 de HTML</title>
</head>
<body bgcolor="#C0C0C0">
<marquee bgcolor="#006699" behavior="alternate" direction="rigth">
<font size="5" color="#FFFFFF">PROGRAMACION DE COMPUTADORES</font>
</marquee>

<h1 align="center">INTRODUCCION</h1>

<p>
<Font size="7">Al igual que aprender una lengua extranjera, la <b>programacion</b> expande la mente y ayuda a pensar más en forma <font color="Blue">algorítmica.</font> </font></p>

<hr size="5" width="70%">

<p>
<font size="7">A medida que avanzamos hacia un mundo donde la <u>tecnologia</<u> controla cada vez más nuestras <i>vidas</i>, es una habilidad que practicamente <font color="Red">garantiza</font> ayudarle a conseguir trabajo. </font></p>

</body>
</html>

No hay comentarios:

Publicar un comentario