Page 1

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 <bgcolor  >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:<marquee>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 aqui</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

lenguaje html  

trabajo de tico

Read more
Read more
Similar to
Popular now
Just for you