Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de HTML

HTML: lenguaje básico para crear páginas web


Y ahora tambien aprende a programar en C++ con Aprende Web C++

logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net





Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 69

Visitas el mes pasado: 101

logo
WEB-GRAFÍA

Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:

Desarrollo Web: manual de HTML
Desarrollo Web, por Rubén Álvarez
Cómo crear tu Web: curso de HTML
ComoCrearTuWeb, Por Georgens
Libros Web: introducción a XHTML
Libros web, por Javier Eguíluz Pérez
Curso de HTML: AulaFácil
www.aulafacil.com
Curso de html: Programación Web
www.programacionweb.net
WebEstilo: manual de html
www.webestilo.com
W3 schools; HTML Tutorial
www.w3schools.com
Tutorial html
Juan José López García
Universidad de Murcia
Introducción al lenguaje html
wikilearning

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




2. Insertar textos en HTML (III)

2.3 Otras etiquetas

html

Saltos de línea y separaciones

Saltos de línea

Si queremos dejar una línea en blanco o un salto de línea, tenemos dos opciones, o usar la etiqueta <p> </p> sin texto, lo cual no es muy aconsejable, o utilizar la etiqueta <br/>

Si queremos dejar varias líneas en blanco, usaremos varias etiquetas <br/> seguidas.

Esta etiqueta no tiene otra etiqueta de cierre, ya que no la necesita, no obstante, en XHTML este tipo de etiquetas llevan una barra inclinada al final, para indicar que se abren y cierran en sí mismas. El ponerla es ocpional, sin embargo es recomendable, ya que forma parte de la estandarizacion del código.

Podemos escribirla <br/> o también <br>.

Linea horizontal de separación

Mediante la etiqueta <hr/> se crea un salto de línea con una línea horizontal de separación. Al igual que la anterior esta etiqueta no tiene otra etiqueta de cierre, y en XHTML lleva la barra inclinada al final. Esta etiqueta puede tener los siguientes atributos:

Veamos un ejemplo con el siguiente código:

<hr align="center" size="4" width="60%"/>

En el navegador veremos lo siguiente:




Texto preformateado: Etiquetas "pre" y "code".

El lenguaje HTML no respeta los espacios en blanco ni los saltos de línea que se escriben en el editor de texto, Sin embargo eso podemos cambiarlo mediante la etiqueta <pre> ... </pre>

.

El texto que se incluye dentro de esta etiqueta aparecerá preformateado, es decir, con el mismo formato que en el editor de textos, incluidos los espacios en blanco y los saltos de línea. Sin embargo el tipo de letra será también el mismo que en el editor, es decir, letra tipo "courier" como de máquina de escribir.

Veamos un ejemplo: el siguiente código:

	<pre>
	                 Hola
	    esto es un         texto 
			
			preformateado   con   la
			etiqueta 
			          "pre"
	</pre>
	

Este texto lo veremos así en el navegador:

	                 Hola
	    esto es un         texto 
			
			preformateado   con   la
			etiqueta 
			          "pre"
	

La etiqueta <code> ... </code> da también al texto el mismo tipo de letra (courier), sin embargo no respeta ni los espacios en blanco ni los saltos de línea. Veamos el mismo código anterior cambiando la etiqueta:

En el editor de texto escribiríamos:

	<code>
	                 Hola
	    esto es un         texto 
			
			preformateado   con   la
			etiqueta 
			          "pre"
	</code>
	

Este texto lo veremos así en el navegador:

Hola esto es un texto preformateado con la etiqueta "pre"

Comentarios

Un comentario es un texto que se pone en el código como aclaración o para definir qué es lo que hay en las siguientes líneas. Este texto no influye en el código de la página, es como si no estuviera, , es sólo para uso del diseñador o programador, el cual hace sus anotaciones o aclaraciones de lo que está haciendo.

Debemos escribirlo siempre así:

<!-- Texto del comentario -->

El navegador ignorará el texto que hay encerrado entre los signos <!-- y --> pero éste puede verse en el código fuente o texto html del editor. Esto se utiliza en páginas largas para hacer anotaciones, por si hay que corregirlas o modificarlas y para diferenciar una sección de otra.

No debemos poner en los comentarios datos personales o privados, ya que éste código fuente puede verse también en el navegador, desde la opción ver / Código fuente.


espacios en blanco

La solución al problema de los espacios en blanco no es tan sencilla como el de las nuevas líneas. Para incluir espacios en blanco adicionales, se debe sustituir cada nuevo espacio en blanco por el texto &nbsp; (es importante incluir el símbolo & al principio y el símbolo ; al final. El símbolo & se escribe pulsando la tecla de mayúsculas y el numero "6" -teclado alfanumerico-).

Por tanto si queremos incluir tres espacios adicionales entre dos palabras, deberemos escribir el texto &nbsp; tres veces seguidas entre esas dos palabras.

ejemplo : este sería el código

<p> entre estas dos &nbsp; &nbsp; &nbsp; &nbsp; palabras hay cuatro espacios adicionales.</p>

Y este sería el resultado en el navegador:

Entre estas dos         palabras hay cuatro espacios adicionales

En realidad los espacios en blanco se crean usando la forma de insertar caracteres especiales, estos son los caracteres que por estar reservados para la creación de etiquetas, o por otros motivos, pueden ser problemáticos a la hora de escribirlos.




En la siguiente página veremos los caracteres especiales:

Caracteres especiales.



manual de HTML

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com