TEXTO

Para introducir un texto en una pagina web

• Basta con introducir lo que queremos visualizar, aunque bien es cierto que sólo podremos visualizarlo como texto normal y corriente.

• El inconveniente es que no podríamos realizar ningún tipo de efecto, como tabulaciones y otros.

A continuación les explicaremos como realizar distintos efectos en nuestro

texto, en una pagina web

<PRE> - </PRE>

• Un comando muy útil en HTML en <PRE> para comenzar y </PRE> para finalizar. Este comando representará lo que escribamos en la página, llamémosla fuente, de la misma forma en la que se escriba, por lo que no sólo lo utilizaremos para texto.

EJEMPLO:Si tecleamos:<PRE>Esto es una prueba Esto sigue siendo una pruebaAquí acaba la prueba</PRE>

EFECTOS• Para comenzar con

los efectos , introduciremos lo que se llama HEADING TAGS, <Hx> para comenzar y </Hx> para finalizar, en donde la x es un número del 1 al 6.

EJEMPLO:

<H1>Ejemplo</H1> <H2>Ejemplo</H2>

<H3>Ejemplo</H3> <H4>Ejemplo</H4> <H5>Ejemplo</H5>

<H6>Ejemplo</H6>

FUENTES

<FONT SIZE=x> PARA COMENZAR Y </FONT> para finalizar permitirá realizar muchos efectos.

La x es el número del 1 al 7, siendo 1 el tamaño mas pequeño y el 7 el más grande. Esto también se puede hacer de la forma <FONT SIZE =“x”>

para comenzar y </FONT> para finalizar, donde x es el número del -2 al +4, y hay una relación

directa entre ambas formas, 1=“-2”.El valor por defecto es 3

EJEMPLOSi tecleamos: <FONT SIZE=7>E</FONT><FONT SIZE=4> sto

es</FONT><FONT SIZE=2>una</FONT><FONT SIZE=5>prueba</FONT>

Obtendremos:

Esto es una prueba

TIPOS DE LETRA

• Algunos de los distintos tipos de letra que podemos obtener en HTML son:

Texto en <B>Negrita</B>Texto en <I> Itálica </I>Texto en <STRONG> Fuerte

</STRONG>Texto en <CODE>Clave

</CODE>Texto en <EM>Resaltado</EM>Texto en <BIG>Gran

impresión</BIG>Texto en <SMALL>Pequeña

impresión </SMALL>

Retornos de carro

• Para realizar un retorno de carro, sólo hay que pone <BR>, y así cambiamos de línea.

• Un retorno de párrafo se realiza con <P>

• Y para centrar es <CENTER> para comenzar y </CENTER>para finalizar

EJEMPLO:

<CENTER>Otra prueba</CENTER>

<BLOCKQUOTE> - </BLOCKQUOTE>

Otro comando interesante es <BLOCKQUOTE> que se utiliza para insertar sitas, por ejemplo:

<BLOCKQUOTE>Como dijo Calderón de la Barca …. </BLOCKQUOTE>

Esto se vería de forma normal pero con una tabulación.

Como dijo Calderón de la Barca …También podemos utilizar el comando <FONT SIZE=x> CON

ESTOS TIPOS DE LETRA, POR EJEMPLO:

<FONT SIZE =5><EM>Esto es una prueba</EM></FONT>

Esto es una prueba

OTROS ELEMENTOS RELACIONADOS CON EL

TEXTO

ACRONYM

Se utiliza para indicar el significado de unas siglas.<ACRONYM title =“Organización de Naciones

Unidad”>ONU</ACRONYM><BR><ACRONIM title =“Organización No Gubernamental”>ONG</ACRONYM><BR>

ONUONG

Cuando se pasa el ratón sobre ACRONYM aparece el texto completo.

Bdo• Se utiliza para unificar

conceptos. Debido a los diferentes estándares de presentación de datos y a que cada uno los presenta de una forma, mediante BDO indicamos cómo se han de colocar los datos en pantalla.

EJEMPLO:<BDO dir =“LTR”>english

2WERBEH english3</BDO><BR>

<BDO dir =“LTR”>4WERBEH english5 6 WERBEH</BDO><BR>

English 2WERBEH english34WERBEH english5 6 WERBEH Con el atributo dir se indica el

sentido del texto • LTR:Left To Right.De izquierda

a derecha• RTL:Right To Left.De derecha

a izquierda

Q° Tiene el mismo efecto que <BLOCKQUOTE>Comenzó diciendo:<Q> Vamos a ver.<Q>Hoy es lunes, dije yo.</Q></Q>Pues vale

Comenzó diciendo: Vamos a ver. Hoy es lunes, dije yo.Pues vale

Ins y Del

• Se utiliza para tachar o marcar partes de un elemento que han sido eliminadas pero queremos que aparezcan, o bien añadir partes nuevas que queremos subrayar para que se vea que son añadidas.

EJEMPLO:Se compraron

<DEL>700</DEL><INS>500</INS>cabezas de ganado

Se compraron 700500cabezas de ganado .

Se compraron 700500 cabezas de ganado

IdSe utiliza para asignar un identificador

a un elemento para poder operar sobre él. Por ejemplo:

• <Pid=“párrafo 1”>Esto es un párrafo.</P>

ClassSe utiliza para asignar clases a

un elemento. Estas clases pueden compartirse por barios elementos.

Div y Span

• Se utilizan sobre todo junto con los elementos id y class para generar estilos.

EJEMPLO: DIV.ejemplo3{ color: white; background: blue; border: solid red; width: 75%;y en un punto cualquiera de la pagina escribimos:<DIV>class=“ejemplo3” id=“muestra3”><UL><LI>Uno<LI>Dos<LI>Tres</UL></DIV>EL RESULTADO SERA:° Uno° Dos° Tres

ELABORADO POR:

VALERIO DE LUCIO VERONICAPAREDES LOPEZ ANTONIO YAIR

MARTINEZ ROBLES FABIOLA BELEM MARTINEZ ROBLE SILSE KAREN

GRUPO:602