Está en la página 1de 3

Colegio LA MILAGROSA

APUNTES. HTML (Hypertext Markup Language) El HTML (Hypertext Markup Language) es un lenguaje de programacin con el que se escriben los documentos del www (World Wide Web). Para escribir un documento en lenguaje HTML se puede emplear cualquier editor de texto, como el Bloc de Notas. Una vez que hemos terminado de escribir el documento, lo guardaremos dndole el nombre que queramos y aadindole la terminacin html (o htm). Para abrir el documento bastar con hacer doble clic sobre l. El navegador que tengamos instalado lo mostrar en pantalla.

ESTRUCTURA DE UN DOCUMENTO HTML


HTML consta de etiquetas que permiten dar formato a la pgina. La estructura de una etiqueta es: <etiqueta>. La mayora de etiquetas requieren ser abiertas y posteriormente cerradas, pudiendo contener otras etiquetas. Apertura: <etiqueta> Cierre: </etiqueta>

Todo documento HTML debe estar definido entre la etiqueta de apertura <html> y la de cierre </html>, entre ellas se encuentran la cabecera, con las etiquetas <head> y </head> y el cuerpo con las etiquetas <body> y </body>. <html> <head> </head> <body> </body> </html> Dentro de la cabecera se definen las caractersticas generales del documento. Las etiquetas aqu son opcionales; un ejemplo es <title>TTULO DE LA PGINA</title>, para poner un ttulo a la pgina. Dicho ttulo se visualiza en la barra superior del navegador. Dentro del cuerpo se indican los contenidos que se mostrarn. En la etiqueta <body> se pueden utilizar parmetros para mostrar una imagen, el color de fondo de la pgina, el color del texto, etc.

ETIQUETAS MS FRECUENTES EN EL CUERPO


<br >: salto de lnea en un prrafo. <p>, </p>: salto de prrafo. <b>, </b>: texto en negrita. <u>, </u>: texto subrayado. <i>, </i>: texto en cursiva. <h1>, </h1>, , <h6>, </h6>: tamao del texto. Informtica. HTML Pgina 1

Colegio LA MILAGROSA
APUNTES. HTML (Hypertext Markup Language) <blink>, </blink>: Texto parpadeante. <hr>: Dibuja una lnea horizontal.

ATRIBUTOS DE <hr> Size: indica la altura en puntos de pantalla Width: indica el ancho de la barra, en puntos de pantalla o en porcentaje Align: indica la situacin de la barra (Right, Left o Center)
<hr size=6 width=75% align=center> <img>, </img>: introduce una imagen en el documento. La imagen debe estar en formato jpg o gif. Es obligatorio incluir el atributo src para indicar la ruta donde se encuentra la imagen, por lo que la etiqueta de apertura tendr la forma: <img src>. Ejemplo: <img scr=ruta de la imagen> <img src="F:\IMAGEN.jpg" width="115" height="146"> <img src="F:\Informatica\HTML\Imagenes\Gladiolo.jpg" width="115" height="146">

ATRIBUTOS DE <img> Width: indica el ancho de la imagen Height: indica la altura de la imagen Hspace: margen horizontal, en puntos, que separar la imagen de otros elementos situados a su lado. Vspace: igual que el anterior, pero referido a la vertical.

<alt>, </alt>: muestra un texto alternativo cuando no es posible visualizar una imagen. <font>, </font>: Permite personalizar el texto dndole tamao y color. El formato es el siguiente: <font size=6 color=yellow> hola </font>, escribira la palabra hola en tamao 6 y color amarillo. El tamao puede variar entre 1 y 7. <a href>, </a>: permite insertar un hipervnculo en la pgina. El formato es el siguiente: <a href = direccin de la pgina> texto o imagen para enlazar </a> Por ejemplo, <a href = http://www.google.es> google </a> hara que pinchando en el texto google accediramos a la pgina de google. Si queremos enlazar con una direccin de correo electrnico, usaremos la siguiente estructura: <a href = mailto: direccin de e-mail> texto o imagen para enlazar </a>. Al hacer clic sobre el texto se nos abrir el programa de correo que tengamos establecido como predeterminado. <a name>, </a>: nos lleva a una parte del documento actual. Informtica. HTML Pgina 2

Colegio LA MILAGROSA
APUNTES. HTML (Hypertext Markup Language) El formato es el siguiente: <a name = #texto> texto para enlazar </a> Por ejemplo, <a name = #comentario> comentario </a> hara que se defina lo que se denomina un ancla. Una vez establecido, usaremos la etiqueta <a href> para desplazarnos al ancla establecida. La instruccin: no deje de leer el <a href=#comentario> comentario </a>, producira un salto al lugar donde hubiramos situado el ancla.

EL COLOR EN HTML
Para establecer colores en HTML se utiliza el siguiente formato: #RRGGBB, donde RR indica la proporcin de rojo (Red), GG indica la proporcin de verde (Green) y BB indica la proporcin de azul (Blue). Los valores RR, GG y BB se escriben en notacin hexadecimal (base 16). La ausencia de un color vendr representada por 00, mientras que la cantidad mxima ser FF. Entre los valores hexadecimales 00 y FF hay 256 valores o tonos distintos que pueden aplicarse. Por ejemplo, si escribimos #80CD1F, obtendramos 80 de rojo, CD de verde y 1F de azul. Como resulta difcil conocer todos los tonos, puede establecerse colores bsicos utilizando su nombre: RED, BLUE, WHITE, NAVY, YELLOW, GREEN, OLIVE, MAGENTA, BLACK, CYAN, etc.

ATRIBUTOS
Son variantes, la mayor parte opcionales que se pueden aadir a las etiquetas para conseguir determinados efectos

ATRIBUTOS DEL CUERPO


Background: Indica la imagen del fondo de la pgina. <body background=url de la imagen> <body background="F:\Informatica\HTML\Imagenes/Hortensia.JPG"> Bgcolor: Establece el color de fondo de la pgina, siempre que no haya imagen. <body bgcolor=red> Text: Especifica el color del texto en el documento. <body text=red> Link: Para establecer el color de los hipervnculos o enlaces no usados. <body link=cyan> Vlink: Para establecer el color de los hipervnculos o enlaces usados.

Informtica. HTML

Pgina 3

También podría gustarte