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ódigo	Resultado
<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íneas	Rompe 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.

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.

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".

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.net, www.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.

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.

¿Que es HTML?

El HTML es un lenguaje ó código que se utiliza para crear páginas de internet. Este lenguaje ó estos códigos son reconocidos por un editor de texto HTML el cual, de acuerdo a esos códigos, imágenes, textos, tablas y un sin fin de elementos que se colocan dentro del código permiten la creación de una página de internet. Cuando creamos una página de internet debemos incluir el siguiente código.

Código:

<html>
<head>
<title>HTML Básico para aficionados</title>
</head>
<body>Bienvenidos a mi página</body>
</html>

Descripción: La propiedad de HTML nos indica el punto de partida del código que creará la página de internet. La propiedad de HEAD nos indica el punto de partida de la cabecera de la página, area que se utiliza para incluir "scripts", códigos y textos invisibles que dan forma a algunos aspectos de la página. La propiedad de TITLE se utiliza para adjudicarle un título a la página que será visto en la barra superior de la página de internet, como el que se muestra en esta página (HTML Básico para aficionados). Y para finalizar tenemos la propiedad de BODY que nos indica el inicio del cuerpo de la página donde se coloca el texto, imágenes y el contenido principal de esta.