TEXTO HTML

ENCABEZADOS

Para colocar títulos y subtítulos debes usar la etiqueta <H1> ,cuyos valores van desde el 1 hasta el 6

<H1>Nivel de encabezado 1</H1>

<H2>Nivel de encabezado 2</H2>

<H3>Nivel de encabezado 3</H3>

<H4>Nivel de encabezado 4</H4>

<H5>Nivel de encabezado 5</H5>

<H6>Nivel de encabezado 6</H6>

Prueba

Prueba

Prueba

Prueba

Prueba

Prueba

PÁRRAFO

Un párrafo puede alinearse a la izquierda, centro, derecha o justificarlo. El párrafo en cuestión debe estar contenido entre las etiquetas

<p align="left/center/right/justify">...</p>

Ejemplo:

<p align="left">

Este texto está alineado a la izquierda

</p>

<p align="center">

Este texto está centrado

</p>

<p align="right">

Este texto está alineado a la derecha

</p>

<p align="justify">

Este texto está justificado

</p>

Líneas horizontales con <HR>

Las líneas horizontales constituyen un instrumento idóneo para dividir partes del documento y hacer más legible el texto. La sintaxis necesaria para su inserción en un documento HTML es la siguiente:

<HR align="CENTER" size="2" width="400" color="Red" noshade>

La marca HR (acrónimo de Horizontal Rule) no necesita cierre. Consta de diversos atributos:

aling="CENTER": define la alineación de la línea (center, right, left).

size="2": define el grosor, en píxel, de la línea.

width="400": define la longitud horizontal, en píxel, de la línea. Puede también expresarse en tanto por cien respecto al espacio a disposición: width=80%.

color="RED": define el color de la línea.

noshade: si este atributo está presente, elimina el efecto 3D de la línea. Si no está presente, produce dicho efecto.

<BLOCKQUOTE>

El blockquote se usa para escribir una cita textual o un párrafo exacto y que éste se diferencie del resto del texto. El efecto que nos muestra es que crea unos espacios a la derecha y a la izquierda del texto, para que se diferencie de los demás.

PROPIEDADES DE TEXTO

Para crear propiedades de texto debemos colocarlo dentro de la FONT

<FONT> Texto Aquí </FONT>

TIPO DE LETRA

Para el tipo de letra debes agregar el atributo FACE

<FONT FACE="Arial, Times New Roman, Courier">Texto</FONT>

<FONT FACE="Arial">Texto en arial</FONT>

TAMAÑO DE LETRA

Para el tamaño de nuestro texto debemos colocar el atributo SIZE donde los valores van de 1 a 7.

Ejemplo

<FONT SIZE="1">Texto</FONT>

<FONT SIZE="2">Texto</FONT>

<FONT SIZE="3">Texto</FONT>

<FONT SIZE="4">Texto</FONT>

<FONT SIZE="5">Texto</FONT>

<FONT SIZE="6">Texto</FONT>

<FONT SIZE="7">Texto</FONT>

COLOR DE TEXTO

Para establecer el color del texto hay que incluir dentro de la etiqueta de apertura el atributo COLOR="color del texto"

El formato del color del texto es: #XXYYZZ o tambien puedes colocar el color por su nombre en Ingles.

Ejemplo

<FONT COLOR="#FF0000">Texto de color rojo</FONT>

<FONT COLOR="Green">Texto de color verde</FONT>

COMBINAR ETIQUETAS

Se puede utilizar más de una etiqueta aplicada al mismo texto. Cuando utilicemos más de una es importante como se colocan. Las etiquetas deben estar unas dentro de otras, Por ejemplo:

Correcto: <etiqueta1><etiqueta2><etiqueta3>Texto</etiqueta3></etiqueta2></etiqueta1>

Incorrecto: <etiqueta1><etiqueta2><etiqueta3>Texto</etiqueta1></etiqueta2> </etiqueta3>

Esto es muy importante, porque si no lo hacemos bien, el navegador se confundirá al leer y presentar la página. Supongamos por ejemplo que queremos un texto en cursiva, negrita, y con un tamaño 3 de color azul:

<FONT COLOR="Blue" SIZE="3"><I><B>Texto</B></I></FONT>

El orden de las fuentes no importa, se puede poner primero <B>, <I> o <FONT>, lo importante es que estén bien anidadas.

<CENTER>Texto para centrar</CENTER> La etiqueta Center nos permite centrar en el documento.

Existen otras etiquetas que permiten dar formato al texto. Las principales son las siguientes:

Etiqueta

  • <B>Texto en Negrita</b>

  • <I>Itálica</i>

  • <B><I>Negrita e Itálica</i></b>

  • <U>Subrayado</u>

  • <EM>Enfatizado</em>

  • <STRONG>Fuerte</strong>

  • <CODE>Code Texto</code>

  • <CITE> Citation Text</cite>

  • <KBD>Keyboard Text</kbd>

  • <SAMP>Sample Text</samp>

  • <TT>Teletype Text</tt>

  • <VAR>Variable Element Text</var>

  • <BIG>Texto grande</big>

  • <SMALL>Texto pequeño</small>

  • <SUB>Subindice</SUB>

  • <SUP>Superíndice</SUP>

  • <BLINK> Texto intermitente</blink>

  • <STRIKE>Texto tachado</STRIKE>

Se ve

  • Texto en Negrita

  • Itálica

  • Negrita e Itálica

  • Subrayado Solo Explorer

  • Enfatizado

  • Fuerte

  • Code Texto

  • Citation Text

  • Keyboard Text

  • Sample Text

  • Teletype Text

  • Variable Element Text

  • Texto grande

  • Texto pequeño

  • Subíndice Solo Explorer

  • Superíndice Solo Explorer

  • Texto intermitente Solo Netscape

  • Texto tachado

SALTO DE LÍNEA <BR>

<BR> es una marca de interrupción de línea. Tiene un funcionamiento similar a la marca de párrafo vista anteriormente, pero se diferencia porque no indica el inicio de un nuevo párrafo.

Dicho de otro modo, su función es parecida a la de la tecla "enter" del teclado.Se usa sin marca de cierre.

Ejercicio 1

Ejercicio 2

Nota: Las fuentes utilizadas en el ejercicio 2 son: times new roman y tahoma.

COMENTARIOS

Si queremos introducir texto que sirva de recordatorio de lo que hicimos o dejamos de hacer o para dar explicaciones a otras personas que pueden acceder al código pero que no queremos que se visualicen en pantalla empleamos la etiqueta (medio etiqueta) <!-- para el comienzo y la etiqueta --> para el final del comentario.

<html>

<head>

<title> Comentarios </title>

</head>

<body>

Los textos siguientes:<p> <!-- Voy a añadir un sangrado -->

<blockquote> <b>Éste está en negrita</b><br> <i>Éste está en cursiva</i><br> <u>Éste está subrayado</u> </blockquote>

</body>

</html>

ETIQUETAS <PRE>

Vamos a ver un código en donde se ilustra como se utiliza la etiqueta <pre>.

<PRE>

<pre>

1.- La empresa y el entorno.

1.1.- La empresa como unidad.

1.2.- Influencia del entorno.

1.3.- Localización de la empresa.

2.- Legislación de empresas.

2.1.- Legislación mercantil.

2.2.- Legislación fiscal.

</pre>

En el código hemos escrito un esquema, como está dentro de la etiqueta<pre> todos los espacios y saltos de línea se respetarán al imprimir el código en el navegador. Pero muchos atributos que se utilizan en un texto , no se podrán aplicar.

ETIQUETA DIV

El elemento <DIV> se utiliza para alinear horizontalmente el texto a la izquierda, a la derecha o en el centro de la página. El atributo ALIGN es fundamental a este respecto.

<DIV ALIGN=left>Texto e imágenes a la izquierda</DIV>

Mueve a la izquierda los elementos contenidos dentro de sus marcas.

<DIV ALIGN=right>Texto e imágenes a la derecha</DIV>

Mueve los elementos a la derecha.

<DIV ALIGN=center>Texto e imágenes centrados</DIV>

Centra los elementos.

La marca <CENTER> tiene un funcionamiento idéntico al de <DIV ALIGN=center> pero su uso ha sido depreciado por el estándar 4 de HTML. El uso de <CENTER> fue introducido por Netscape, justo cuando el HTML preveía la salida de DIV.

La enorme difusión inicial de Netscape ha hecho que el uso de esta marca esté también muy difundido, por lo que todavía los navegadores la utilizan y reconocen (incluido MsIe). El uso de <CENTER> es muy simple: