martes, 1 de febrero de 2011

Lineas con codigo html

Para insertar una línea en una página de internet solo debes incluir el siguiente código:

Código: <hr>

Resultado:




Para adjudicar color y tamaño a la linea solo debes añadir los siguientes códigos:

Código: <hr color="blue" size=3>

Resultado:




Otros estilos que podemos adjudicar a las líneas pueden hacerse utilizando el código de "width" para indicar el largo de la línea. De no indicar este código la línea se ajustará automaticamente al largo de la página de internet. Veamos el siguiente ejemplo:

Código: <hr color="green" size=1 width="150">

Resultado:




Si tienes alguna pregunta o comentario sobre este tópico preciona sobre el enlace en el enlace de preguntas. Gracias.

lunes, 31 de enero de 2011

Codigo HTML

Aquí una lista de los códigos que más se utilizan para crear una página de internet y sus resultados. Algunas modificaciones a estos códigos pueden obtenerse viendo los enlaces de información.

CódigoResultado
<b>Letra en Bold</b>Letra en Bold
<i>Letra en Italic</i>Letra en Italic
<u>Letra Subrayada</u>Letra Subrayada
<center>Texto centralizado</center>
Texto centralizado
<hr> = Produce una línea
<img src="http://www.blogger.com/img/logo40.gif">
<a href="http://www.blogger.com">Blogger.com</a>Blogger.com
<marquee>Texto en movimiento</marquee>Texto en movimiento
<br>Rompe<br>LíneasRompe
Líneas

Si tienes alguna pregunta sobre estos códigos o necesitas conseguir algún código en específico preciona en el enlace de preguntas, muchas gracias.

sábado, 29 de enero de 2011

Imagenes con codigo html

Para insertar una imágen en una página de internet debes utilizar el siguiente código:

Código:

<img src="http://www.blogger.com/img/logo40.gif">

Resultado:



Fíjate que la dirección URL se refiere a la dirección en el internet donde se encuentra publicada la imágen. Esta debe estar publicada en los archivos de tu web o en algún servicio de alojamiento de imágenes como imageshack para que puedas incluirla en tu web.

Para saber la dirección URL o nombre de una imágen ya publicada en el internet debes hacer un click derecho (right-click) sobre la imágen y seleccionar la opción de propiedades (properties) y ahí verás la dirección URL. Si haces esto en la imágen anterior la dirección que debes ver es la siguiente.

Dirección: http://www.blogger.com/img/logo40.gif

Ahora, para que la imágen sea adjudicada por el editor de texto debes incluir la dirección URL dentro del código de <img src=""> como explica el ejemplo anterior.

Coloca el código donde quieras que se vea la imágen dentro de la página y listo.



Un efecto que podemos añadir a una imágen es el de hacer click sobre esta para que nos lleve a otro lugar. Al igual que enlazamos un texto (Ver tópico de enlaces) podemos enlazar una imágen. Veamos el siguiente ejemplo:

Código:

<a href="http://www.blogger.com"><img src="http://www.blogger.com/img/logo40.gif"></a>

Resultado:



Si colocamos el apuntador del mouse sobre la imágen y hacemos click, esta nos llevará a la dirección indicada en el código de <a href=>.



Otro efecto que podemos adjudicar a una imágen es el de posición. Para posicionar una imágen dentro de una página de internet solo debes añadir el siguiente código.

Código:

<center><img src="http://www.blogger.com/img/logo40.gif"></center>

Resultado:




La imágen debe verse centralizada al añadir el código de <center>

Para izquierda o derecha puedes cambiar el código de center por <right> para derecha y <left> para izquierda.

jueves, 20 de enero de 2011

Ver Codigo Fuente

Cuando se construye una página de internet seguramente llegará el momento que vamos a querer incluir algún código o efecto que hayamos visto en otra página. De hecho, muchos de los visitantes de HTML Basico han llegado aquí con esa misma inquietud de querer conocer cuál es el código que utilizan en "tal" página para crear 'x' o 'y' efecto. Pues fácil, esto se logra viendo el "Código Fuente" de la página, o sea, ver toda la pieza de código HTML que crea la página y donde debe encontrarse el código que produce el efecto que se quiere obtener o copiar. Si tenemos acceso al código fuente tenemos acceso al código que genera el efecto, copiamos pegamos (copy-paste) y listo.

¿Cómo se obtiene?

La forma en que se obtiene este código puede variar entre navegadores pero la más común y la más fácil es haciendo un click derecho sobre la página donde se encuentra el código a lo que surge una pequeña ventana de opciones donde debemos seleccionar "View Page Source" que al seleccionarse se abre otra ventana con todo el código HTML de la página. Otra forma de ver este código es a través del menú de opciones del navegador al hacer click en "View" y luego "Source".

miércoles, 19 de enero de 2011

Dominios Webs

Si creamos una página a través de un servicio gratis de internet por lo general las direcciones URL son muy extensas, para resolver esto podemos adquirir una direccion URL más corta con los llamados dominios (www.flashfacilito.com). Estos servicios se pueden encontrar en el internet con una diversidad de opciones y precios que van desde direcciones que solo re-dirigen a tu web (www.tipsdelaweb.com) hasta servicios completos que incluyen el alojamiento de tus páginas.

Algunas de estas paginas ofrecen paquetes de hosting son: www.artehosting.com.mx, http://miempresaenlinea.com/, http://www.hospedando.com.mx/, http://www.neubox.com/

Algunas de estas páginas que ofrecen este servicio de grátis son: www.cjb.netwww.jimdo.com (click » www.tipsdeexploradoreswebs.jimdo.com)www.webs.com y www.midominiogratis.com.

Poner enlaces

Para insertar un enlace (Links) en una página de internet debes añadir el siguiente código.

Código:
<a href="http://www.tipsdelaweb.com">
www.tipsdelaweb.com</a>

Resultado: www.tipsdelaweb.com
Lo que esta dentro de "a href=" se refiere a la dirección donde va dirigido el enlace y lo que esta antes de </a> es el nombre del enlace. Recuerda que debes cerrar el código al final utilizando el código original y una diagonal (/) antes del mismo.

martes, 18 de enero de 2011

El index.html

PCuando construimos una página de internet el primer paso que hay que dar es crear el archivo index.html. El archivo index.html es la página principal del dominio al cual se accede. Al acceder un dominio cualquiera www.loquesea.com el servidor donde se encuentra ese dominio buscará el archivo llamado index.html donde se incluye todo el texto, imágenes, códigos etc que se quieran mostrar en la página principal. O sea, el archivo index.html es la página principal.

Para llegar a este archivo o crear el mismo en la mayoría de los servicios de alojamiento de páginas de internet existe un "folder" llamado www donde se debe incluir esta página principal llamada index.html. Si es un servicio gratuito de alojamiento por lo general el folder llamado www no se muestra ya que al entrar al manejador de archivos (File Manager) automáticamente ya estas en él y la página index.html se crea automáticamente al crear tu cuenta.

Para crear otras páginas dentro de ese dominio debes nombrar las mismas con la clasificación de .html, por ejemplo: mis_fotos.html. En este caso la direccion de acceso sería www.loquesea.com/mis_fotos.html. Así usted podrá crear cuantas páginas crea necesario y enlazar a estas desde la página principal o unas con otras incluyendo la dirección específica de las mismas y poco a poco vas construyendo tu propia web.