Inicio arrow Tutoriales HTML
Saltos y lineas PDF Imprimir E-Mail

1.      Líneas divisorias: Se crean con la etiqueta <hr> que no tiene etiqueta de cierre ni lleva texto asociado. Se puede especificar el ancho de la línea con el siguiente atributo
<hr width="80%">.

2.      Saltos de línea: La etiqueta <br> inserta un salto de línea donde se coloque. Puede colocar tantas como desee y se insertará un salto de línea por cada una de ellas.

<HTML>
<HEAD>
<TITLE>Ejemplo 9</TITLE>
</HEAD>
<BODY>

<H1>Saltos y lineas</H1>

<HR>
<HR width="80%">
<HR width="60%">
<HR width="40%">
<HR width="20%">

----
<br><br><br>
----
</BODY>
</HTML>
 
Texto preformateado PDF Imprimir E-Mail

Ya dijimos que HTML elimina cualquier espacio en blanco adicional que se inserte pero nos encontramos con una excepción a esta regla cuando utilizamos las etiquetas <pre>.....</pre>. Sin embargo esta etiqueta convertirá el texto afectado a fuente monoespaciada (posiblemente Courier).

Esta etiqueta se usaba para hacer tablas en versiones anteriores del lenguaje HTML ahora su utilidad puede reducirse a convertir a HTML, rápida y fácilmente, archivos de correo electrónico y publicaciones de grupos Usenet.

<HTML>
<HEAD>
<TITLE>Ejemplo 8</TITLE>
</HEAD>
<BODY>

<H1>Texto preformateado</H1>

Diferencia entre un texto normal y
un texto preformateado. En el texto
preformateado, se respetan los
carácteres y los espacios.<br>
iiiiii<br>
wwwwww<br>

<PRE>
Diferencia entre un texto normal y
un texto preformateado. En el texto
preformateado, se respetan los
carácteres y los espacios.<br>
iiiiii<br>
wwwwww<br>
</PRE>

</BODY>
</HTML>
 
Estilos de caracter PDF Imprimir E-Mail

Estos estilo son etiquetas que afectan a palabras o carácteres dentro de otras entidades de HTML modificando el aspecto de ese texto para que sea diferente del texto que lo rodea. Existen dos tipos de estilos:

1.      Estilos lógicos: Indican como se va a emplear el texto que realzamos, no el como se va a formatear.

o        <em>.....</em>: Indica que los carácteres estarán enfatizados de alguna manera, generalmente en cursiva aunque dependerá del navegador.

o        <strong>.....</strong>: Los carácteres tendrán mayor énfasis, generalmente en negrita.

o        <code>.....</code>: Muestra como una fuente monoespaciada, generalmente Courier.

o        <samp>.....</samp>: Muy similar a code.

o        <kdb>.....</kdb>: Texto que el usuario debe escribir.

o        <var>.....</var>:Nombre de una variable que deba ser reemplazada por su valor real. Generalmente en cursiva o subrayada.

o        <dfn>.....</dfn>:Se usa para resaltar una palabra que se va a definir.

o        <cite>.....</cite>: Se usa para citas cortas.

 

2.      Estilos físicos: Modifican la presentación real del texto.

o        <b>.....</b>: Pone el texto en negrita.

o        <i>.....</i>: Pone el texto en cursiva.

o        <tt>.....</tt>: Pone el texto en fuente monoespaciada.

o        <u>.....</u>: Subraya el texto afectado.

<HTML>
<HEAD>
<TITLE>Ejemplo 7</TITLE>
</HEAD>
<BODY>

<H1>Estilos de caracter</H1>
Un ejemplo de texto de <EM>realzado</EM>.<br>
Un ejemplo de texto de <STRONG>realzado</STRONG>.<br>
Un ejemplo de texto de <CODE>realzado</CODE>.<br>
Un ejemplo de texto de <SAMP>realzado</SAMP>.<br>
Un ejemplo de texto de <KDB>realzado</KDB>.<br>
Un ejemplo de texto de <VAR>realzado</VAR>.<br>
Un ejemplo de texto de <DFN>realzado</DFN>.<br>
Un ejemplo de texto de <CITE>realzado</CITE>.<br>
<br>
Un ejemplo de texto de <B>realzado</B>.<br>
Un ejemplo de texto de <I>realzado</I>.<br>
Un ejemplo de texto de <U>realzado</U>.<br>
Un ejemplo de texto de <TT>realzado</TT>.<br>

</BODY>
</HTML>
 
Listas PDF Imprimir E-Mail

Junto con encabezados y párrafos, son otro de los elementos HTML más comunes. Pueden darse cinco tipos diferentes de listas, cada uno con etiquetas distintas aunque con alguna en común:

1.      Listas numeradas u ordenadas: Se engloban por las etiquetas <ol>.....</ol> y cada elemento de la lista estará encabezado por la etiqueta <li> que puede o no llevar la etiqueta de cierre </li>. Es conveniente que cada elemento de la lista esté en una línea nueva aunque todo seguido consiga en la presentación el mismo efecto. Cuando el navegador interpreta una lista ordenada, numera y sangra cada elemento en forma secuencial, aunque se introduzcan modificaciones.

2.      Listas con viñetas o sin orden: Se engloban por las etiquetas <ul>.....</ul> y cada elemento de la lista, también estará encabezado por la etiqueta <li>. El resultado es que el navegador inserta viñetas (marcadores) delante de cada elemento.

3.      Listas de menú y de directorio: Están en desuso puesto que su resultado suele ser, prácticamente, idéntico al de las listas con viñetas.

o        Menú: Englobadas por las etiquetas <menu>.....</menu> y cada elemento encabezado por la etiqueta <li>.

o        Directorio: Englobadas por las etiquetas <dir>.....</dir> y cada elemento encabezado por la etiqueta <li>.

 

4.      Listas de glosario: Cada elemento de la lista está compuesto por un término y una definición y cada una de estas partes tiene su propia etiqueta. Estas listas se engloban con las etiquetas <dl>.....</dl>. Para el término se usa la etiqueta <dt> y para la definición la etiqueta <dd>. Generalmente el navegador colocará término y definición en dos líneas diferentes pero esto se puede evitar añadiendo a la etiqueta de apertura el atributo compact: <dl compact>.

5.      Listas anidadas: Consiste en poner una lista dentro de otra, de manera que la lista secundaria sangre respecto a la principal. Puede jugar con los diferentes tipos de lista pero recuerde estructurar bien las etiquetas: Las etiquetas de la lista principal englobarán todo el conjunto de las listas y las etiquetas de las listas secundarías se cerraran antes de volver a la lista principal. Ahora quizá le empiece a convenir sangrar el propio código conforme lo va escribiendo en HTML.

<HTML>
<HEAD>
<TITLE>Ejemplo 6</TITLE>
</HEAD>
<BODY>

<H1>Listas</H1>
Una lista ordenada
<ol>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ol>
<br><br>
Una lista sin ordenar
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
<br><br>
Una lista de glosario
<dl>
<dt>Témino 1</dt>
<dd>Definición 1</dd>
<dt>Témino 2</dt>
<dd>Definición 2</dd>
</dl>
<br><br>

Listas anidadas
<ul>
<li>Uno
   <ul>
   <li>Uno</li>
   <li>Dos</li>
   <li>Tres</li>
   </ul>
</li>
<li>Dos</li>
<li>Tres</li>
</ul>
</BODY>
</HTML>
 
URLs PDF Imprimir E-Mail

URL: Localizador Universal de Recursos

Los URL son las direcciones de las informaciones que buscamos en Internet. Los URL constan de tres partes:

1.      Protocolo: Es el programa que utilizará el navegador para obtener el archivo elegido. Les suena HTTP, FTP, Gopher...

2.      Nombre del host: Se trata del sistema donde se encuentra almacenada la información que buscamos.

3.      Ruta del fichero: Se trata de la ubicación del archivo dentro del host.

http://www.bienvenidos.es/publico/saludos.html



Entre los principales tipos de URL destacan:

1.      HTTP: Son los más populares ya que son los utilizados por los servidores de WWW para mandar documentos a través de Internet.

2.      FTP: Se utilizan para apuntar hacia los archivos que estén en servidores que usan el protocolo FTP (File Transfer Protocol). Este protocolo es normalmente utilizado para enviar y recibir ficheros. Es el protocolo que se usa para enviar nuestras páginas al servidor de internet. Como ya se puede imaginar en estos servidores se almacenan los archivos que forman parte de nuestra presentación web.

3.      File: Apuntan hacia archivos contenidos en el mismo disco que se encuentra el navegador. No resulta muy interesante poner estos URL en nuestras presentaciones puesto que otra persona que desde otro sistema apunte hacia este URL, generalmente fallará en su intento y no podrá tener acceso a él.

4.      Mailto: Se usa para mandar correos electrónicos. Cuando seleccionamos este tipo de URL se abre la aplicación de correo electrónico de nuestro ordenador para enviar un correo a la dirección hacia la que apunta el URL. La forma estandar es: mailto: Esta dirección de correo electrónico está protegida contra los robots de spam, necesita tener Javascript activado para poder verla

5.      News: Son URL de grupos de noticias, en estos servidores se almacenan mensajes el los que se discuten sobre direfentes temas.

<HTML>
<HEAD>
<TITLE>Ejemplo 5</TITLE>
</HEAD>
<BODY>

<H1>Diferentes tipos de URLs</H1>

Enlace a <A href="http://www.webestilo.com">WebEstilo</A>.
<br>
Enlace al servidor de FTP
de <A href="ftp://ftp.mozilla.org/pub/mozilla/">Mozilla</A>.
<br>
Enlace a <A href="file:///C:">la unidad C
de su ordenador</A>.
<br>
Enlace a <a href="mailto: Esta dirección de correo electrónico está protegida contra los robots de spam, necesita tener Javascript activado para poder verla ">
mailto: Esta dirección de correo electrónico está protegida contra los robots de spam, necesita tener Javascript activado para poder verla </a>.
<br>
Enlace a las <A href="news://msnews.microsoft.com">News de Microsoft</A>.
<br>

</BODY>
</HTML>
 
<< Inicio < Anterior 1 2 Siguiente > Final >>

Resultados 1 - 9 de 12

Trabajos

Portafolio

Articulos

Instalación del servidor Apache

A continuación vamos a explicar la instalación de un servidor Apache en un sistema operativo Windows 98. Debemos tener en cuenta que esta versión es una versión beta de calidad. Esto significa que no ofrece la estabilidad y seguridad que la versión de unix, de hecho existen numerosos errores e inconsistencias, aun así es suficiente para realizar pruebas en nuestro ordenador.

Comencemos con la instalación:

Leer más...
 




Suscribite

Recibi todas las ultimas noticias de internet!!!






   
   Compumonte.com.ar Funciona bajo Joomla
Webmaster Gerardo Irribarra