Autor Tema: Etiquetas Para Texto !!!!  (Leído 416 veces)

4ng3r

  • Moderador
  • Mensajes: 145
    • Ver Perfil
    • 4ng3r Blog
    • Email
Etiquetas Para Texto !!!!
« : abril 26, 2010, 11:29:23 am »
Etiquetas Para Texto


A continuaci?n explicare las etiquetas utilizadas en HTML, si conoce alguna que no este mencionada en el siguietne post, por favor agregelas ser?n de muy buen apoyo.

Etiqueta <HX> </HX> (Heading)

Esta etiqueta es conocida para escribir texto en diferentes tama?os. La x es remplazada por alg?n valor num?rico mayor estricto a 0 (cero) y menor o igual a 6 (seis). Se utiliza mucho para escribir titulos y subtitulos, permite mostrar su contenido en negrilla y su sintaxis es algo as?:

Código: (html4strict) [Seleccionar]

<html>

<head>
Etiquetas de Texto
</head>

<body>
<h1>Texto a Escribir </h1>
               <h2>Texto a Escribir </h2>
               <h3>Texto a Escribir </h3>
               <h4>Texto a Escribir </h4>
               <h5>Texto a Escribir </h5>
               <h6>Texto a Escribir </h6>
</body>
</html>

La etiqueta Heading tambi?n tiene algunos atributos que permiten controlar la alineaci?n del texto, gracias a la palabra reservada align.

Podemos alinear al centro, derecha y justificado:

Código: (html4strict) [Seleccionar]
<hx align = "center"> Escribir Texto </hx>
<hx align = "right"> Escribir Texto </hx>
<hx align = "justify"> Escribir Texto </hx>

HTML NO ES SENSIBLE A MAY O MIN

Etiqueta <FONT></FONT>


Esta etiquete permite controlar tres atributos tama?o (SIZE), color (COLOR) y el tiempo de fuente (FACE). Su sintaxis es algo asi:


Código: (html4strict) [Seleccionar]
<html>
<head>ETIQUETA DE TEXTO<head>
<body>
           
<--! Sintaxis:      <FONT SIZE = "X" COLOR ="color" FACE = "Nomre de Fuente"> Escribrir Texto </FONT> -->


<font size ="+1"> Texto de Tama?o +1 </font>
<font size ="+3"> Texto de Tama?o +1 </font>
<font size ="-1"> Texto de Tama?o +1 </font>
<font size ="-6"> Texto de Tama?o +1 </font>
</body>

</html>

RECUERDA QUE LOS COMENTARIOS EN HTML SON DE LA SIGUIENTE FORMA <!-- comentario -->



En el comentario encontramos a sintaxis de la etiqueta FONT, donde "X" corresponde al tama?o de la fuente, el atributo COLOR puede ser un valor en hexadecimal o su nombre en ingles. Auque el computador maneje millones de colores, se pueden especificar los b?sicos en la siguiente tabla:



Finalmente el atributo FACE da el nombre de la fuente como Arial, Times New Roman, Arial Black

Cita
Pregunta R?pida:

?Que funtes soporta HTML? Coloque el c?digo para comprobar.



EJEMPLO COMPLETO:

Código: (html4strict) [Seleccionar]
<html>
<head>ETIQUETA DE TEXTO<head>
<body>

<font size ="+1" color="red"  face = "arial"> Texto de T ama?o +1 </font>
<font size ="+3" color="0000ff"face = "arial"> Texto de Tama?o +1 </font>
<font size ="-1" color="purple" face="arial"> Texto de  Tama?o +1 </font>
<font size ="-6"> Texto de Tama?o +1 </font>


</body>

</html>



Etiqueta <PRE></PRE>


Esta etiqueta es algo sencilla, lo que hace es ?nicamente respetar el texto seg?n como se escribi?. Es decir, que si en mi texto tiene 5 o 6 espacios por palabras esta etiqueta me respeta los espacios.

Código: (html4strict) [Seleccionar]
<html>
<head>ETIQUETA DE TEXTO<head>
<body>

<h1> Texto         sin     Pre </h1>

<pre><h1> Texto       con     Pre </h1><pre>


</body>

</html>

sencillo, no?  ???

Etiqueta <BR> y <P>

La etiqueta <BR> se utiliza para dar un salto de linea dentro de un texto. Fijese qeu esta etiquete no cierra, es decir, que no tiene un </br> este tipo de etiquetas se les conoce como etiqueta abierta.

La etiqueta <P> se puede utilizar como abierta o cerrada, de forma abierta indica el inicio de un nuevo p?rrafo es decir que anexa dos lineas en blanco. Si esta etiqueta se cierra es utilizada para alinear el p?rrafo ("center", "right", "justify") con la palabra reservada aling

EJEMPLO




Etiqueta <HR>

Esta es un etiqueta de tipo abierta (algo que se explico mas arriba), la etiqueta dibuja un linea horizontal por eso el HR (Horizontal Rule) sus atributos son alineaci?n, tama?o y ancho. Se utiliza para separar segmentos de contenido y su sintaxis es algo asi:

Código: (html4strict) [Seleccionar]
<html>
<head>ETIQUETA DE TEXTO<head>
<body>
<hr align ="Tipo" size="X" width ="y%">

<!-- Ejemplos -->
<hr align ="center" size ="10" width ="30%">
<hr align ="center" size ="20" width ="10%">
<hr align ="center" size ="40" width ="50%">


</body>

</html>

Como podemos observar el atributo ALIGN guarda la alineacion, SIZE el alto y WIDTH que es nuevo guarda el ancho.
Cita
Pregunta F?cil:

Determine los valores de SIZE y de WIDTH para ocupar todo el espacio de la pantalla (sin interpretarlo con el explorador)

Escriba su respuesta y comparemos quien mas se acerco
;D

Caracteres Especiales

Bueno este tema es de sumo cuidado ya que en el mundo no todos hablan espa?ol (que cagada  ;D). Por estas razones cada pa?s o mejor dicho cada explorador maneja un c?digo de caracteres seg?n el continente donde all? sido configurado. Un ejemplo sencillo es con la "?", este car?cter no existe en el ingles y no va pode ser interpretado por el explorar instalado, digamos Inglaterra.

A continuaci?n les presentare las tablas de los caracteres especiales mas utilizados y su correspondiente imagen en HTML:


EJEMPLO:

Si queremos escribir la palabra a?o en HTML seria de esta forma:

Código: (html4strict) [Seleccionar]
<html>
<head>ETIQUETA DE TEXTO<head>
<body>
<h1>a?o de su forma normal</h1>

<h1>a&ntilde;o con su respectivo codigo</h1>

</body>

</html>



Otras Etiquetas Para Texto

Código: (html4strict) [Seleccionar]
<html>
<head>ETIQUETA DE TEXTO<head>
<body>
<center> Texto Centrado </center>

<b>Texto en Negrilla</b>

<i>Texto en Cursiva </i>

<u> Texto en Subrayado </u>

Texto<sup>texto</sup> Superindices

Texto<sub>texto</sub> Subindices

<s>Texto Tachado </s>

</body>

</html>


Es un gusto compartirles un poco de mi conocimiento, aunque sea poco y deseo saludar a todos los que suben temas interesantes al foro.