el texto en html:
El texto es importante para el html ya que nos permite escribir la informacíon
que deseamos pero tambien necesitamos darle importancia a algunas frases en particular ,tener una buena alineacion y muchas cosas mas,
en este capitulo observaremos las etiquetas del texto, que hacen que lo que escribamos se vea en mejor presentación
<p>etiqueta de parrafo
es una etiqueta que se utiliza para escribir los parrafos , esta etiqueta deja un espacio en blanco y deja que escribamos lo que deseamos
al finalizar el parrafo debemos escribir la etiqueta de cierre </p>.
asi como tambie existe una etiqueta que tambien se puede usar ,
<br> llamado salto de pagina.
Alineacion del texto:Si queremos alinear un texto hacia la izquierda colocaremos el sufguiente codigo.
<p align=left>texto a escribir </p>
así se vera :texto a escribir
Si deseamos centrar el texto escribamos el siguiente codigo
<p align=center>texto a escribir </p>
asi se vera
texto a escribir
alineamiento a la derecha. el siguiente codigo se usa para alinear a la derecha
<p align=right>texto a escribir </p>
asi se vera:
texto a escribir
existe tambien otro metodo para alinear generalmente es el más utilizado
<p><left> alineacion a la izquierda </left>
<center> alineacion al centro </center>
<right> alineacion a la derecha<right>
asi se vera
izquierda
centro
derecha
encabezados:
Existen otras etiquetas para definir párrafos especiales, formateados como títulos.
Son los encabezados o Header en inglés.
Como decimos, son etiquetas que formatean el
texto como un titular, para lo cual asignan un tamaño mayor
de letra y colocan el texto en negrita.
Hay varios tipos de encabezados, que se diferencian en el
tamaño de la letra que utilizan. La etiqueta en concreto es
la <h1>, para los encabezados más grandes, <h2> para los de segundo nivel y
así hasta <h6> que es el encabezado más pequeño.
<h1> titulo del documento </h1>
<h2> subtitulo del documento<h2>
<h3>texto de tamaño normal </h3>
<h4>texto pequeña </h4>
<h5>texto mas pequeña </h5>
<h6>texto super pequeña<</h6>
esto se vera asi
titulo del documento
subtitulo del documento
texto normal
texto pequeño
texto mas pequeño
texto super pequeño
formato de texto
<B>TEXTO EN NEGRILLA: <b>
Podemos escribir texto en negrita incluyéndolo dentro de las etiquetas <b> y </b> (bold). Esta misma tarea es desempeñada por <strong> y </strong> siendo ambas equivalentes. Nosotros nos inclinamos por la primeras por simple razon de esfuerzo.
<b>Texto en negrita</b>
Obtenemos este resultado:
Texto en negrita
<i>TEXTO EN ITÁLICA </I>
También en este caso existen dos posibilidades, una corta: <i> e </i> (italic) y otra un poco más larga: <em> y </em>.
En este manual, y en la mayoría de las páginas que ves por ahí,
te encontraras con la primera forma sin duda más sencilla a
escribir y a acordarse.
He aquí un ejemplo de texto en itálica:
<i>Texto en itálica </i>
Que da el siguiente efecto:
Texto en itálica
<U>TEXTO SUBRAYADO: </U>
El HTML nos propone también para el subrayado el par de etiquetas:
<u> y </u> (underlined). Sin embargo, el uso de subrayados ha
de ser aplicado con mucha precaución dado que los enlaces
hipertexto van, a no ser que se indique lo contrario, subrayados
con lo que podemos confundir al lector y apartarlo del verdadero
interés de nuestro texto.
ejmplo de subrayado:
<u>texto subrayado</u>
así se vera:
texto subrayado
SUPERINDICE Y SUBINDICE:
Este tipo de formato resulta de extremada utilidad para textos científicos. Las etiquetas empleadas son:
<sup>superindice </sup>
<sub>subindice </sub>
ejemplo:
<p> (X)<SUP>Y </sup></p>
<p>H<sub>2</sub>;0
asi se vera:
(X)Y
H2O
<s>tachado</s>
esta etiqueta se usa para tachar una palabra que queramos darle importancia
este tipo de texto no se usa mucho pro es de utilidad para el que lo decida utilizar
el ejemplo es el siguiente:
<p><s>texto tachado</s></p>
así se vera:
texto tachado
<PRE> TEXTO PREFORMATEADO </PRE>
Esta etiqueta se usa cuando deseamos evitarnos a cada rato escribir <p> o si queremos dejar espacios en banco
sin escribir &NBSP;esta etiqueta agarrara el formato que le demos en nuestro teclado , como lo siguiente:
<pre> 1 2 3 4 5 </pre>
6 7 8 9</pre>
tambien se utiliza cuando queremenos separar palabras o texto asi como lo veremos
<html>
<head>
<title>texto preformateado </htitle>
</head>
<body bgcolor=blue>
<p>texto numero 1</p>
<pre>
</pre>texto numero 2
</body>
</html>
esto s vera así ejemplo de texto preformateado
ya que leimos todas las propiedades de texto en html ahora dediquemosnos a repasar y a practicar con los siguientes ejemplos
este ejemplo es de texto y alineacion:
<html>
<head>
<title>texto y alineacion </title>
</head>
<body bgcolor=white text=green>
<p>este es nustro parrafo escrito <br>
vean como escribo y escribo , que
emocionante</p>
<p align=left>esto esta alineado a la derecha</p>
<p align=center> esto esta centrado </p>
<p align=right>esto esta a la derecha </p>
</body>
</html>
Asi se vera :ejemplo de parrafo y alineación
Ahora realizemos un ejemplo sencillos de encabezados:
<html>
<head>
<title>encabezados</title>
</head>
<body bgcolor=white text=navy>
<center> <h1>titulo centrado</h1></center>
<h2>esto es un subtitulo </h2>
<h3>este es un texto normal escrito con h3 </h3>
<h4>este texto es pequeño</h4>
<h5>este es mas pequeño <h5>
<h6>usen una lupa jajajaja</h6>
</body>
</html>
asi se verá el ejemplo ejemplo de encabezados
Este ejemplo es de formatos de texto:
<html>
<head>
<title>formatos de texto</title>
</head>
<body bgcolor=pink text=blue>
<p><b>texto en negrita</b></p>
<p><i>texto en italica</i></p>
<p><u>texto subrayado<u></p>
<p><s>texto tachado</s></p>
<p>20*10<sup>5</sup>superindice</p>
<p>h<sub>2</sub>so<sub>4</sub></p>
<p><b><i>texto en negrita italica</i></b><p>
</body>
</html>
así se verá formatos de texto
|