sábado, 28 de marzo de 2009
27-03-09
Html
En esta entrada vamos a hacer una breve introducción al lenguaje html.
Etiquetas mas importantes
(HTML) siempre se debe poner al abrir el documento, es la primera etiqueta que se abre y la ultima que se cierra: (/HTML)
(head) esta etiqueta nos indicara el encabezado de la pagina, si queremos añadir un titulo podemos poner (title) se cierra antes de head (/head)
ejemplo (html)(head)(title)lenguaje html(/title)(/head)(/html).
(body)la etiqueta “body”la abriremos después de html y la cerraremos antes. Dentro se incluirá todo el contenido del documento. Dentro de la etiqueta body se pueden añadir atributos
para colocar un fondo en el documento podemos utilizar las etiquetas: background o bgcolor.(background) podemos colocar una imagen mientras que con (bicolor) pondremos un color liso.
Se coloca asi (body bgcolor=”green”) ó (body background=”images/colinaazul.jpg”)
-Atributos de body:
font; para determinar el color, el tamaño y el tipo de letra.
Font face (font face=”comic sans”) tipo de letra (/font)
Font color(font color= ”red”)color de la letra (/font) Font size(font size=”6”) tamaño de la letra(/font)
Otra etiqueta muy importante y que usaremos a menudo es (br) para saltar de renglón
Para poner títulos se utilizara la etiqueta (h1)titulo (/h1) pudiendo elegir desde el tamaño 1, más grande, al más pequeño h7
Para poner la letra en negrita se utilizara la etiqueta (b)negrita(/b) quedando así: negrita
Subrayado: (u)subrayado(/u)subrayado
Marquesina: (arquee)marquesina(/marquee)
Para poner subíndices se pone la etiqueta (sub) (/sub)
Y para los superíndices (sup) (/sup)
Párrafos:
Para indicar los párrafos se utilizara la etiqueta (p)párrafo(/p)
Alineación de párrafo:
El párrafo por defecto se alineara a la izquierda pero si queremos modificar esto deberemos incluir dentro de la etiqueta (p)(/p) el atributo align=”center” si queremos que quede en el centro de la pagina que estamos realizando pero si por el contrario queremos que aparezca a la derecha deberemos poner align=”right”
Ejemplo:
(p align="right")Parrafo1(/p)
(p align="right")Parrafo2(/p)
(p align="right") Parrafo3(/p)
que se puede simplificar utilizando la etiqueta (div)
(div align="right")
(p)Parrafo1(/p)
(p)Parrafo2(/p)
(p)Parrafo3(/p)
(/div)
para poner un link, se utiliza la etiqueta (link a href=www.yo.com) pincha aquí(/link)
se le puede añadir color a la etiqueta y para ello debemos diferenciar el link, del vlink y el alink.
Por ejemplo:
(link=”green” vlink=”red” alink=”blue” a href=www.yo.com)
la etiqueta ( a href) (/a) sirve para enlazar archivos.
para colocar una imagen en el documento usaremos la etiqueta:
(img src=”ruta de la foto”)
en esta imagen podemos variar la altura y anchura, añadiendo height=”numero que queramos” y width=”numero que queramos”. Dentro de la etiqueta de (img src)
ejemplo:
(img src=”ruta delafoto” height=”20” width”20”)
Supongamos que queremos crear un enlace que apunte al final de la página. Lo primero será colocar nuestro enlace origen. Lo pondremos aquí mismo y lo escribiremos del siguiente modo:
(a href="#abajo")Ir abajo(/a)
Como podéis ver, el contenido del enlace es el texto "Ir abajo" y el destino, abajo, es un punto de la misma página que todavía no hemos definido. Ojo al símbolo #; es él quien especifica al navegador que el enlace apunta a una sección en particular.
En segundo lugar, hay que generar un enlace en el destino. Este enlace llevara por nombre abajo para poder distinguirlo de los otros posibles enlaces realizados dentro de la misma página. En este caso, la etiqueta que escribiremos será ésta:
(a name="abajo")(/a)
Para empezar, nada más sencillo que por el principio: las tablas son definidas por las etiquetas (table) y (/table).
Dentro de estas dos etiquetas colocaremos todas las otras etiquetas, textos e imágenes que darán forma y contenido a la tabla.
Las tablas son descritas por líneas de izquierda a derecha. Cada una de estas líneas es definida por otra etiqueta y su cierre: (tr) y (/tr)
Asimismo, dentro de cada línea, habrá diferentes celdas. Cada una de estas celdas será definida por otro par de etiquetas: (td) y (/td). Dentro de estas etiquetas será donde coloquemos nuestro contenido.
Aquí tenéis un ejemplo de estructura de tabla:
(table)
(tr)
(td)Celda 1, linea 1(/td)
(td) Celda 2, linea 1(/td)(/tr)
(tr)
(td) Celda 1, linea 2(/td)
(td) Celda 2, linea 2(/td)
(/tr)
(/table)
El resultado:
Celda 1, linea 1 Celda 2, linea 1
Celda 1, linea 2 Celda 2, linea 2
* se ha de sustituir los paréntesis por signos de mayor y menor< > respectivamente. Esta simbología es debida a que el sitio de publicación de este documento no admite el formato html
En esta entrada vamos a hacer una breve introducción al lenguaje html.
Etiquetas mas importantes
(HTML) siempre se debe poner al abrir el documento, es la primera etiqueta que se abre y la ultima que se cierra: (/HTML)
(head) esta etiqueta nos indicara el encabezado de la pagina, si queremos añadir un titulo podemos poner (title) se cierra antes de head (/head)
ejemplo (html)(head)(title)lenguaje html(/title)(/head)(/html).
(body)la etiqueta “body”la abriremos después de html y la cerraremos antes. Dentro se incluirá todo el contenido del documento. Dentro de la etiqueta body se pueden añadir atributos
para colocar un fondo en el documento podemos utilizar las etiquetas: background o bgcolor.(background) podemos colocar una imagen mientras que con (bicolor) pondremos un color liso.
Se coloca asi (body bgcolor=”green”) ó (body background=”images/colinaazul.jpg”)
-Atributos de body:
font; para determinar el color, el tamaño y el tipo de letra.
Font face (font face=”comic sans”) tipo de letra (/font)
Font color(font color= ”red”)color de la letra (/font) Font size(font size=”6”) tamaño de la letra(/font)
Otra etiqueta muy importante y que usaremos a menudo es (br) para saltar de renglón
Para poner títulos se utilizara la etiqueta (h1)titulo (/h1) pudiendo elegir desde el tamaño 1, más grande, al más pequeño h7
Para poner la letra en negrita se utilizara la etiqueta (b)negrita(/b) quedando así: negrita
Subrayado: (u)subrayado(/u)subrayado
Marquesina: (arquee)marquesina(/marquee)
Para poner subíndices se pone la etiqueta (sub) (/sub)
Y para los superíndices (sup) (/sup)
Párrafos:
Para indicar los párrafos se utilizara la etiqueta (p)párrafo(/p)
Alineación de párrafo:
El párrafo por defecto se alineara a la izquierda pero si queremos modificar esto deberemos incluir dentro de la etiqueta (p)(/p) el atributo align=”center” si queremos que quede en el centro de la pagina que estamos realizando pero si por el contrario queremos que aparezca a la derecha deberemos poner align=”right”
Ejemplo:
(p align="right")Parrafo1(/p)
(p align="right")Parrafo2(/p)
(p align="right") Parrafo3(/p)
que se puede simplificar utilizando la etiqueta (div)
(div align="right")
(p)Parrafo1(/p)
(p)Parrafo2(/p)
(p)Parrafo3(/p)
(/div)
para poner un link, se utiliza la etiqueta (link a href=www.yo.com) pincha aquí(/link)
se le puede añadir color a la etiqueta y para ello debemos diferenciar el link, del vlink y el alink.
Por ejemplo:
(link=”green” vlink=”red” alink=”blue” a href=www.yo.com)
la etiqueta ( a href) (/a) sirve para enlazar archivos.
para colocar una imagen en el documento usaremos la etiqueta:
(img src=”ruta de la foto”)
en esta imagen podemos variar la altura y anchura, añadiendo height=”numero que queramos” y width=”numero que queramos”. Dentro de la etiqueta de (img src)
ejemplo:
(img src=”ruta delafoto” height=”20” width”20”)
Supongamos que queremos crear un enlace que apunte al final de la página. Lo primero será colocar nuestro enlace origen. Lo pondremos aquí mismo y lo escribiremos del siguiente modo:
(a href="#abajo")Ir abajo(/a)
Como podéis ver, el contenido del enlace es el texto "Ir abajo" y el destino, abajo, es un punto de la misma página que todavía no hemos definido. Ojo al símbolo #; es él quien especifica al navegador que el enlace apunta a una sección en particular.
En segundo lugar, hay que generar un enlace en el destino. Este enlace llevara por nombre abajo para poder distinguirlo de los otros posibles enlaces realizados dentro de la misma página. En este caso, la etiqueta que escribiremos será ésta:
(a name="abajo")(/a)
Para empezar, nada más sencillo que por el principio: las tablas son definidas por las etiquetas (table) y (/table).
Dentro de estas dos etiquetas colocaremos todas las otras etiquetas, textos e imágenes que darán forma y contenido a la tabla.
Las tablas son descritas por líneas de izquierda a derecha. Cada una de estas líneas es definida por otra etiqueta y su cierre: (tr) y (/tr)
Asimismo, dentro de cada línea, habrá diferentes celdas. Cada una de estas celdas será definida por otro par de etiquetas: (td) y (/td). Dentro de estas etiquetas será donde coloquemos nuestro contenido.
Aquí tenéis un ejemplo de estructura de tabla:
(table)
(tr)
(td)Celda 1, linea 1(/td)
(td) Celda 2, linea 1(/td)(/tr)
(tr)
(td) Celda 1, linea 2(/td)
(td) Celda 2, linea 2(/td)
(/tr)
(/table)
El resultado:
Celda 1, linea 1 Celda 2, linea 1
Celda 1, linea 2 Celda 2, linea 2
* se ha de sustituir los paréntesis por signos de mayor y menor< > respectivamente. Esta simbología es debida a que el sitio de publicación de este documento no admite el formato html
Suscribirse a:
Entradas (Atom)
