miércoles, 29 de junio de 2011

Hola Mundo... en HTML

Hola a todos, aqui les dejo ahora cómo hacer sus páginas de HTML, supondré que quieren iniciar desde cero,salvo lo mencionado en mi entrada anterior, bueno, asi que empecemos.


Bueno, antes de inciar necesitaremos de un editor de textos, para los que estan en windows pueden usar incluso el bloc de notas, pero será necesario uno para que puedan ver los marcados por si un error ocurre, si eres usuario linux, esta Gedit, proporcionado por Ubuntu, o sino puedes descargar Kate. Para esto necesitas ingresar a la terminal y rezlizar el siguiente comando:

sudo apt-get install kate

le dan que si, y ahora si tendrán Kate en Ubuntu, lamentablemente no he encontrado Kate para windows

Bueno, ya que se encuentren en su editor de textos respectivo, vamos a realizar un Hola Mundo con el que inician todos, o casi, primero veamos como debe de ir una estructura básica para todos los archivos HTML:

PhotobucketCODIGO EN HTML

he ahi el codigo principal, veamos que hace cada uno.
HTML incluida con su etiqueta, es el encabezado principal para poder ver las estructuras de la página
HEAD y TITLE, junto con sus etiquetas de cierre son para que a la barra de Título tenga e nombre asignado.
<BODY> al igual que su etiqueta de cierre, es donde irán todas las demás etiquetas, asi como los párrafos, marcados, que veremos más delante.
Para asignar Titulo, por ejemplo: Hola Mundo, lo escribiremos entre las siguientes etiquetas <TITLE> y </TITLE>, y quedaría así:

<HTML>
<HEAD>
<TITLE> Hola Mundo </TITLE>
</HEAD>

<BODY>

</BODY>
</HTML>

Ya que tengan esto, pueden guardar el archivo, cabe señalar que todos estos archivos deben tener extension .html, por ejemplo: holamundo.html, ya que lo tengan correctamente, pueden ir a donde guardaron su archivo y abrirlo como si fuera un programa, y obtienen lo siguiente:


PhotobucketPágina Hola Mundo

como pueden observar, la barra de Título dice Hola Mundo, bueno, aqui terminamos pro el día de hoy, con este pequeño empiezo, para la próxima pondré más etiquetas y si tiene dudas, mándenlas a mi correo, saludos y buen día

martes, 21 de junio de 2011

Páginas de Tutoriales de HTML

Hola a todos, aqui les dejo unas páginas,bueo, solo 1 por el momento, de tutoriales de HTML, espero que les sea de su ayuda y nso vemos después

Apuntes de HTML
Tutorial de HTML
Tutorial HTML Virtualnauta

en esta otra pueden encontrar no sólo de HTML, sino también de CSS, PHP, entre otros

desarrolloweb.com

domingo, 8 de mayo de 2011

Cómo descomprimir archivos con extensión .RAR en Ubuntu

Bien, este es solo un pequeño blog, ya que por motivos de escuela no he podido agregar, pero bueno, si has tenido problemas para instalar o no sabes como hacerlo, aqui te dejo un paso sencillo paso para escomprimirlos, dirígete a la terminal y escribe el siguiente comando


sudo apt-get install unrar


ya q lo tengas, solo con hacer click derecho del mouse al archivo podrás descomprimirlo, un saludo y espero poder escribir pronto la intalación de Postgres, entre otras cosas mas que he ido descubriendo.

sábado, 26 de marzo de 2011

Una pequeña Introducción a HTML

Como lo había prometido, empezaré con un poco de HTML básico, HTML viene del acrónimo en inglés HiperText Markup Languaje (lenguajes de marcado de documentos hipertexto). Se trata de un lenguaje de marcas diseñado para estructurar textos, y estos se presenten en su forma de hipertexto, que en internet es el formato estandar. Este lenguaje de marcado, define un conjunto de reglas para dar formato y presentación a un documento electrónico, por ejemplo, el encabezado del documento, enlazar con páginas, capítulos, subrayados, etc.

HTML utiliza etiquetas o marcas, las cuales se identifican como

<>

estas etiquetas pueden contener o no atributos, que también se incluyen dentro de las marcas. Un ejemplo de esto es la marca siguiente:

< b > esta marca de texto nos dice que lo que vaya encerrado en ella se marcará de negro, y al aplicarle a la palabra tenemos:
Mi primera plabra de texto en negrita

en este ejemplo, la marca tiene que ir encerrada de la siguiente manera: < /b >. hay que hacer notar que la marca debe de ir junta, aqui solo se separa para el blog no me de problemas al publicarlo. Hay que mencionar también que no toda etiqueta se encierra, por ejemplo la de < hr > que nos da una linea horizontal


Por el momento no me meteré en como debe de ir un documento de HTML, por el momento solo es para poder realizar una mejor presentación en el blog:

Cómo mostrar mejor sus enlaces

Al darme una vuelta por varios blogs me he fijado que insertan en ellos el enlace, que los lleva al video, página, perfil, etc, aunque a veces si da cosa ver todo el link completo, hay una manera de que este se vea más bonito, y además de que puedan ponerle el nombre que quieran, veamos un ejemplo con el siguiente link, el cual tomaré como ejemplo un video de youtube del sountrack de Matrix Recargado

http://www.youtube.com/watch?v=UhB1Ig2HsHk

como verán, el ver ese enlace, esta medio feo, pero descuiden, para esto HTML nos puede ayudar para tener una mejor presentación, y para esto utilizaremos las etiqueta < A >, la cual nso indica la existencia de un hipervínculo o un enlace, que al darle click nso direcciona a la págian mostrada, añado que esta etiquetá se debe cerrar con < /A >, ahora, otra cosa que se debe hacer en A, es que este incluye un atributo, el cual se llama HREF, que nos indica hacia qué dirección nos mandara el hipervínculo o enlace, y esto nos quedarúa ahora

< A HREF="http://www.youtube.com/watch?v=UhB1Ig2HsHk" > < /A >

ahora viene la mejor parte, y es que pueden darle un nombre a este enlace, el nombre de este enlace debe de ir entre las marcas de < A > y < /A >, de la siguiente manera:

< A HREF="http://www.youtube.com/watch?v=UhB1Ig2HsHk" > Juno Reactor Vs Don Davis Burly Brawl < /A >

y obtendremos como resultado lo siguiente

Juno Reactor Vs DOn David Burly Brawl

que nos da el mismo resultado que el anterior, solo que ya con una mejor presentación. NOTA: para que esto no les dé problemas, la dirección que le ponen entre las comillas de HREF, deben incluir el http://, ya que si no los ponen, no los va a mandar a la página que le ponen

Bueno, por el momento será esta pequeña introducción, y espero pronto poder subir otros truquillos para que mejoren la presentación de su blog, un saludo