PortyGames Generation


 
IndiceÍndiceGaleríaFAQMiembrosBuscarPacksRegistrarseDonacionesConectarse
¡Buenas Invitado, Juega a los videojuegos gratuitos creados por otros PortyGamers!
¡Buenas Invitado, Lee online y totalmente gratis nuestra revista sobre PortyGames!
¡Buenas Invitado, Busca el programa más adecuado para crear tus propios videojuegos!
¡Buenas Invitado, Lee y aprende de los tutoriales de PortyGamers más avanzados!
Conectarse
Nombre de Usuario:
Contraseña:
Entrar automáticamente en cada visita: 
:: Recuperar mi contraseña
Últimos temas
» PortyGames generation cumple 2 años
por Zangetsu Dom Nov 13, 2011 1:02 am

» sugerencia publicidad
por Zangetsu Dom Nov 13, 2011 1:01 am

» PortyGamees aplica soluciones para soportar su crisis...
por Zangetsu Dom Nov 13, 2011 12:59 am

» Baja de ranking
por exellomas Dom Oct 23, 2011 8:06 pm

» wizard101 music xd
por Zangetsu Jue Sep 22, 2011 1:43 pm

» 6 curiosidades sobre la vida de Steve Jobs
por Zangetsu Jue Sep 15, 2011 7:35 pm

» Taller De Charsets Rpg maker 2000/2003
por HollowMaker Jue Ago 25, 2011 1:16 pm

» un pixelart
por Pokaranero Miér Jul 27, 2011 5:14 pm

» Almohadazo
por exellomas Mar Jul 26, 2011 1:07 am

» EmuPack
por Emmet Dom Jul 10, 2011 3:45 pm


CaosG Asistencia ForoActivo Foros Metal Slug FC Anime Supremo No Fansub Good Area




Comparte | 
 

 El texto

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
Zangetsu
Moderador
Moderador


Especialidad : Mapeador

Masculino

Sagitario Serpiente
Mensajes : 461
Monedas : 1036
Reputación : 6
Edad : 27

MensajeTema: El texto   Sáb Feb 05, 2011 12:01 pm

Características especiales y espacios en blanco

Los caracteres < y > son dos caracteres especiales que indican inicio y fin de etiqueta. Si se desea insertar estos caracteres como texto hay que escribir el nombre que los representa:
Código:
 < Se representa con & lt (todo junto)
 > Se representa con & gt (todo junto)
Existen otra serie de caracteres que no se visualizan correctamente en algunos navegadores, como es el caso de la ñ y las letras acentuadas, por lo que al igual que ocurre con los caracteres especiales < y >, para insertarlos como texto habría que escribir el nombre que los representa.
A continuación se muestra una lista con algunos caracteres y el nombre con el que han de ser representados:

Ver mas caracters Aqui

Siempre que se inserta texto en HTML hay que tener en cuenta que si se escriben varios espacios en blanco seguidos sólamente se mostrará uno en el navegador. Para conseguir que se muestren varios espacios en blanco seguidos puede sustituirse cada uno de ellos por &nbsp;.

Comentarios

En ocasiones podemos desear añadir comentarios aclaratorios dentro del código, de manera que no sean visualizados en el navegador, pero sí a la hora de editar el documento.
Para insertar comentarios dentro del código, basta con insertar el texto entre .
Todo el código que se inserte entre estos símbolos no será visualizado en los navegadores.
Por ejemplo, para insertar el texto siguiente con un comentario:
¡Bienvenidos, esta es mi 1ª página!

Habría que escribir:

Código:
<!-- A continuación aparecerá una línea de texto//-->
¡Bienvenidos, esta es mi 1ª página!

Salto de linea

En general, cuando trabajamos con un editor de texto se produce un salto de línea al pulsar la tecla INTRO.
Si pulsamos INTRO en un documento HTML, el salto de línea se producirá en el código, pero no se mostrará en el navegador. Para que se produzca el salto de línea en el navegador, en lugar de pulsar la tecla INTRO hay que insertar la etiqueta
Código:
<br>
donde se desee que se produzca el salto.
La etiqueta br no precisa ninguna etiqueta de cierre. No hay que insertar la etiqueta
Código:
</br>
después de ella, ya que dicha etiqueta no existe.
Por ejemplo, para insertar el texto:
Queridos usuarios,
tengo el placer de comunicaros que hay una nueva sección.

Código:
Queridos usuarios,<br>tengo el placer de comunicaros que hay una nueva sección.

Texto Preformateado
Una forma de asegurarnos de que el texto aparezca en el navegador tal cual ha sido insertado dentro del código, es utilizando las etiquetas
Código:
 <pre></pre>
Utilizando estas etiquetas podemos tener la seguridad de que en el navegador se mostrarán todos los espacios en blanco que se inserten en el texto, así como todos los saltos de línea resultantes de pulsar la tecla INTRO, sin la necesidad de utilizar la etiqueta
.
Por ejemplo, para insertar el texto:
Hola, BIENVENIDOS
esta ES MI PÁGINA WEB
y esto un texto preformateado
Habría que escribir:
Código:
<pre>Hola,    BIENVENIDOS
esta    ES MI PÁGINA WEB
    y esto un texto preformateado</pre>
El inconveniente de esta etiqueta es que entre las etiquetas
Código:
<pre> y </pre>
no se pueden incluir las etiquetas
Código:
<img> (para incluir imágenes), <object> (para incluir objetos como animaciones), <big>, <small>, <sub> ni <sup>


Última edición por Zangetsu el Sáb Feb 05, 2011 4:29 pm, editado 4 veces
Volver arriba Ir abajo
http://zangetsu57.wordpress.com/
Zangetsu
Moderador
Moderador


Especialidad : Mapeador

Masculino

Sagitario Serpiente
Mensajes : 461
Monedas : 1036
Reputación : 6
Edad : 27

MensajeTema: Re: El texto   Sáb Feb 05, 2011 12:22 pm

Separadores


El elemento que suele utilizarse para separar secciones dentro de una misma página es la regla horizontal. Para insertar una regla horizontal hay que insertar la etiqueta
Código:
<hr>
. Dicha etiqueta no precisa ninguna etiqueta de cierre.
Es posible especificar algunos atributos de la regla horizontal:

-Algin: Alineación de la regla dentro de la pagina, pueden ser a la izquierda (left) derecha (right) o al centro (center)
-Width: Ancho de la regla, puede ser un numero acompañado de un porcentaje si se desea.
-Size: alto de la regla, puede ser un numero.
-Noshade: eliminar sombreado de la regla, no toma valores


Sangria del texto
La sangría es una especie de margen que se establece a ambos lados del texto. Para que un texto aparezca sangrado, se inserta entre las etiquetas
Código:
<blockquote> y </blockquote>.
Esta etiqueta en un principio se definió para delimitar citas pero que como la mayoría de los navegadores resuelven la cita incluyendo un sangrado del texto, su uso para sangrar texto se ha generalizado.
El uso de la etiqueta blockquote obliga a que el texto aparezca en una nueva línea.
Insertando el texto entre varias etiquetas blockquote se consigue que los márgenes sean mayores.

Fuente del texto
Las propiedades del texto pueden modificarse a través de la etiqueta font. Para ello, podemos insertar el texto entre las etiquetas
Código:
<font> y </font>
, especificando algunos de los atributos de la etiqueta:

-Face: nombre de la fuente
-Color: Color del texto, numero hexadecimal
-Size: el tamaño del texto


También es posible definir una fuente para todo el documento. Para ello, hay que insertar la etiqueta
Código:
<basefont>
después de la etiqueta .
La etiqueta basefont no necesita una etiqueta de cierre, y permite modificar los mismos atributos del texto que la etiqueta font

Resaltado de texto

Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que se encuentra entre ellas, y generalmente se utilizan para resaltarlo. Estos estilos pueden agruparse según vayan asociados al tipo de letra o a la información que represente el texto. No hay que olvidar que todas estas etiquetas necesitan una etiqueta de cierre, y que pueden aplicarse varias etiquetas al mismo texto.
A continuación se muestran algunas etiquetas asociadas al tipo de letra:
Volver arriba Ir abajo
http://zangetsu57.wordpress.com/
Zangetsu
Moderador
Moderador


Especialidad : Mapeador

Masculino

Sagitario Serpiente
Mensajes : 461
Monedas : 1036
Reputación : 6
Edad : 27

MensajeTema: Re: El texto   Sáb Feb 05, 2011 12:32 pm

Parrafos

El texto de una página puede agruparse en párrafos. Para ello, el texto de cada uno de los párrafos debe insertarse entre las etiquetas
Código:
<p> y </p>
.
No es necesario insertar la etiqueta br para que un nuevo párrafo aparezca debajo del anterior, ya que las etiqueta hacen que se cambie de línea automáticamente.
También es posible cambiar la alineación del texto de cada párrafo. Para ello se modifica el valor del atributo align, cuyos valores pueden ser left (izquierda), right (derecha), center (centrado) o justify (justificado).

Encabezados
Existen una serie de encabezados que suelen utilizarse para establecer títulos dentro de una página. La diferencia entre los distintos tipos de encabezado es el tamaño de la letra, el tipo de resaltado, y la separación existente entre el texto y los elementos que tiene encima y debajo de él. Hay que tener en cuanta que el navegador del usuario es el que aplicará el estilo del encabezado por lo que el mismo título se puede visualizar de forma diferente según el navegador.
Existen seis etiquetas que representan seis tipos de cabeceras distintas. Todas estas etiquetas precisan una etiqueta de cierre.
Código:
<h(y un numero del 1 al 6)> </h>

Marquesina
Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea.
Para insertar una marquesina, es necesario insertar el texto entre las etiquetas
Código:
<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 valores alternate (de lado a lado de la ventana, como si rebotara en los extremos), scroll (de un lado a otro, continuamente) o 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 valores down (de arriba a abajo), up (de abajo a arriba), left (de derecha a izquierda) o left (de izquierda a derecha).
También es posible establecer un color de fondo, a través del atributo bgcolor.

Volver arriba Ir abajo
http://zangetsu57.wordpress.com/
Contenido patrocinado




MensajeTema: Re: El texto   

Volver arriba Ir abajo
 

El texto

Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.

Permisos de este foro:No puedes responder a temas en este foro.
PortyGames Generation :: Categoria de Ayuda y Tutoriales :: Ayuda General :: Guias y Tutoriales-