Bueno, aprovecho que tengo algo de tiempo libre, y publico esta entrada =D
Para no hacerlos esperar, porque me imagino que se deben estar muriendo de ganas de que comience con mis lecciones, no? Si, si, no lo nieguen (H) xDD
Asi que comencemos xD
Antes que nada, hay que explicar qué es el HTML. Porque lo único que falta es que sepan usarlo, pero no sepan qué es xD
El HTML es el lenguaje con el que se escriben las páginas Web. Este blog, por ejemplo, está todo hecho de HTML (y algún otro lenguaje como el CSS o el JavaScript, pero eso no lo veremos xD) HTML son las siglas en inglés para HyperText Markup Language (o sea, Lenguaje de Marcas de HiperTexto).
Está compuesto por instrucciones, que se ponen dentro de Tags (etiquetas, elementos, o como sea que le quieran decir; tiene distintos nombres xD), hechas de los signos Menor que (<) y Mayor que (>)
Por ejemplo:
Vemos como la instrucción para colocar un texto en negrita (b) está entre < y >. También vemos que esa etiqueta tiene una puesta al final: </b> , lo que nos lleva al siguiente asunto xD
Etiquetas:
Ya dije que las etiquetas son las instrucciones que se le dan al HTML y controlan absolutamente todo: fuente, color, imágenes, enlaces, etc., etc. Generalmente, tienen un inicio y un cierre, como vimos arriba la etiqueta <b>, de negritas. Pero hay otras etiquetas que simplemente tienen un inicio, y no es necesario colocar una de cierre. Un ejemplo es la etiqueta <hr>, que genera una línea horizontal como la que estoy usando yo para crear divisiones en esta entrada:
Eso generaría esto:
Una linea horizontal que se extiende por toda la pantalla xD Se puede modificar su ancho, su alto, y demás cosas, pero eso lo veremos más adelante.
Otra clase de etiquetas son las que tienen un argumento. ¿Qué es eso, se preguntan? xD Pues son como parámetros que se le dan a una instrucción, para hacer cosas más concretas, más específicas. Y se les llama Atributos. Un ejemplo de atributo es:
En ese caso, usamos el elemento <a>, que sirve para enlazar texto, imágenes o lo que sea a una dirección xD Un link, vamos. Allí, pusimos el atributo HREF, que indica la dirección a la que se irá al hacer click en el texto linkeado ("Visita el foro de Furuba!"), y su valor se pone entre comillas. No olviden eso, porque a veces se escapa alguna comilla y entonces enlazas toda la página a un mismo lugar, y puedes arruinar todo xD En este caso, lo que vimos más arriba generaría esto:
Otra cosa que hay que destacar es que el HTML no distingue entre mayúsculas y minúsculas, así que da igual si escribes <hr> que si escribes <HR>, aunque es recomendable, si diseñas una web o algo con HTML, escribir con mayúsculas, ya que es más fácil localizar las etiquetas. Yo lo hago con minúsculas, no me interesa (H) xD
Bueno, creo que como introducción esto sirve, no? xD Hemos aprendido lo básico, y más adelante les iré enseñando distintas etiquetas y más cosas para que sean los dioses del HTML! xDD
Así que aquí termino la primer lección, y si les quedó alguna duda, pueden contactarme en el Tagboard y se las respondo xD
Espero que esta primer lección les haya servido, y ni bien pueda pondré la segunda (quizás el sábado, pero no sé, no estoy seguro xD)
Adioooos! =D ~ Mensaje publicado por: Ser Fecha de Publicación: miércoles, marzo 25, 2009
DESHABILITADO :D
miércoles 25 de marzo de 2009
Tutorial HTML 1 - Introducción
Bueno, aprovecho que tengo algo de tiempo libre, y publico esta entrada =D
Para no hacerlos esperar, porque me imagino que se deben estar muriendo de ganas de que comience con mis lecciones, no? Si, si, no lo nieguen (H) xDD
Asi que comencemos xD
Antes que nada, hay que explicar qué es el HTML. Porque lo único que falta es que sepan usarlo, pero no sepan qué es xD
El HTML es el lenguaje con el que se escriben las páginas Web. Este blog, por ejemplo, está todo hecho de HTML (y algún otro lenguaje como el CSS o el JavaScript, pero eso no lo veremos xD) HTML son las siglas en inglés para HyperText Markup Language (o sea, Lenguaje de Marcas de HiperTexto).
Está compuesto por instrucciones, que se ponen dentro de Tags (etiquetas, elementos, o como sea que le quieran decir; tiene distintos nombres xD), hechas de los signos Menor que (<) y Mayor que (>)
Por ejemplo:
Vemos como la instrucción para colocar un texto en negrita (b) está entre < y >. También vemos que esa etiqueta tiene una puesta al final: </b> , lo que nos lleva al siguiente asunto xD
Etiquetas:
Ya dije que las etiquetas son las instrucciones que se le dan al HTML y controlan absolutamente todo: fuente, color, imágenes, enlaces, etc., etc. Generalmente, tienen un inicio y un cierre, como vimos arriba la etiqueta <b>, de negritas. Pero hay otras etiquetas que simplemente tienen un inicio, y no es necesario colocar una de cierre. Un ejemplo es la etiqueta <hr>, que genera una línea horizontal como la que estoy usando yo para crear divisiones en esta entrada:
Eso generaría esto:
Una linea horizontal que se extiende por toda la pantalla xD Se puede modificar su ancho, su alto, y demás cosas, pero eso lo veremos más adelante.
Otra clase de etiquetas son las que tienen un argumento. ¿Qué es eso, se preguntan? xD Pues son como parámetros que se le dan a una instrucción, para hacer cosas más concretas, más específicas. Y se les llama Atributos. Un ejemplo de atributo es:
En ese caso, usamos el elemento <a>, que sirve para enlazar texto, imágenes o lo que sea a una dirección xD Un link, vamos. Allí, pusimos el atributo HREF, que indica la dirección a la que se irá al hacer click en el texto linkeado ("Visita el foro de Furuba!"), y su valor se pone entre comillas. No olviden eso, porque a veces se escapa alguna comilla y entonces enlazas toda la página a un mismo lugar, y puedes arruinar todo xD En este caso, lo que vimos más arriba generaría esto:
Otra cosa que hay que destacar es que el HTML no distingue entre mayúsculas y minúsculas, así que da igual si escribes <hr> que si escribes <HR>, aunque es recomendable, si diseñas una web o algo con HTML, escribir con mayúsculas, ya que es más fácil localizar las etiquetas. Yo lo hago con minúsculas, no me interesa (H) xD
Bueno, creo que como introducción esto sirve, no? xD Hemos aprendido lo básico, y más adelante les iré enseñando distintas etiquetas y más cosas para que sean los dioses del HTML! xDD
Así que aquí termino la primer lección, y si les quedó alguna duda, pueden contactarme en el Tagboard y se las respondo xD
Espero que esta primer lección les haya servido, y ni bien pueda pondré la segunda (quizás el sábado, pero no sé, no estoy seguro xD)
Adioooos! =D ~ Mensaje publicado por: Ser Fecha de Publicación: miércoles, marzo 25, 2009
Ser Nombre: Emiliano Edad: 19 Lugar: Mar del Plata, Buenos Aires, Argentina, América, Hemisferio Occidental, Planeta Tierra, Sistema Solar, Vía Láctea, Espacio ò.Ó Aficiones: Photoshop, leer, chatear, estar en los Foros, más Photoshop, ver TV, escuchar música, informática, HTML... Ah, me olvidaba del Photoshop x) Animés preferidos: Inuyasha, Naruto, Rurouni Kenshin, CCS, Death Note, Fruits Basket, etc. xD Una canción: Tengo varias... Si tengo que elegir una, sería... Mmm... xD, Alive, de Raiko. Es un Ending de Naruto xD. También me encanta "4th. Avenue Cafe", de Rurouni Kenshin. Lo interpreta L'arc in ciel *w* Color preferido: Azul *0* Luego, verde xD Postre favorito: Mousse de posholate =L Animal preferido: Serpientes :K Signo: Tauro Programas de TV favoritos: Los Simpsons, Padre de Familia, Aquí no hay quien viva, Casados con Hijos, Gran Hermano, Bailando/Cantando/Patinando por un sueño ô.o etc xD
Airmos Nombre: Jorge Edad: 14 Lugar: Lima, Lima, Perú, América, 3er Planeta D=. Aficiones: Videojuegos, ver TV, postear entradas, forear x/, molestar xD (nah), videojuegos.. Resident Evil, juegos online, chatear D= xD Animés preferidos: Naruto, Code Gueass, Death Note, Claymore, etc. Una Canción: Stupid MF/ In the end/ Dig/ Ameno (xD) (xD) Color Preferido: Verde :l Postre favorito: Suspiro a la limeñna x/ Animal Preferido: Gallos r0x Signo: Sagitario Programas de TV favoritos: Simpsons, Habacilar, Heroes, Padre de Familia, Power Rangers (solo para rellenar xD)
