HTML
Enviado por eyan • 14 de Febrero de 2014 • Examen • 1.106 Palabras (5 Páginas) • 211 Visitas
HTML Básico
El lenguaje HTML se compone de un conjunto de etiquetas cuyo objetivo es lograr un estándar en el formato de documentos intercambiados en Internet. Algunas de las capacidades que brinda HTML se representan con una etiqueta de inicio y otra de fin. En otros casos, hay etiquetas que no requieren la etiqueta de fin.
Estructura Básica
Una página HTML tiene la siguiente estructura básica :
<html>
<head>
<title>HTML Ejemplo 1</title>
</head>
<body>
<!—Aquí se colocan más etiquetas -->
</body>
</html>
Esta estructura utiliza las siguientes etiquetas :
<html> .... </html> Este par de etiquetas definen el inicio y fin de la página HTML.
<head> .... </head> Este par de etiquetas definen el inicio y fin del encabezado de la página. Este encabezado puede contener otros elementos más.
<title> .... </title> Estas definen el título de la página HTML. Este se mostrará en el navegador.
<meta> Esta etiqueta define información acerca del tipo y contenido de la página. Regularmente los motores de búsquedas utilizan esta información.
<body> .... </body> Este par de etiquetas definen el inicio y fin del contenido o cuerpo de la página HTML.
El código anterior es válido y al ingresarlo en un simple editor de texto plano y guardarlo con la extensión .htm o .html,Un par de etiquetas básicas son <p>...</p> y <br> que se utilizan para agregar un párrafo o un salto de línea en la página. Por ejemplo :
<html>
<head>
<title>HTML Ejemplo 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<p>Esta es la definición de un párrafo.</p><br><br>
<p>Este es un segundo párrafo dos renglones más abajo.</p>
</body>
</html>
Etiquetas de Texto
Otro par de etiquetas útiles son :
<font>...</font>
Se utilizan para cambiar el tipo de letra y algunos atributos más del texto como su tamaño.
<p>Este es un tercer párrafo <font color="#FF0000" face="Verdana,Arial,Helvetica,sans-serif">utilizando colores y otro tipo de letra</font>.</p>
En la línea anterior, dentro del párrafo se utilizan las etiquetas <font> para cambiar el tipo de letra así como su color a rojo ( #FF0000 – Número en hexadecimal que representa un color en el sistema RGB ).
Las etiquetas <em>...</em> y <strong>...</strong> se utilizan para colocar en itálicas y en negrillas letras, palabras o párrafos enteros.
<p>Este es el cuarto párrafo en <em><strong>negrillas e itálicas</strong></em>.</p>
• <li><ol><ul>: Etiquetas para listas.
• <b>: texto en negrita (Etiqueta desaprobada. Se recomienda usar la etiqueta <strong>)
• <i>: texto en cursiva (Etiqueta desaprobada. Se recomienda usar la etiqueta <em>)
• <s>: texto tachado (Etiqueta desaprobada. Se recomienda usar la etiqueta <del>)
• <u>: texto subrayado
Enlaces
El HTML es un lenguaje para hipertexto. Existen múltiples formatos de hipertexto (por ejemplo, los ficheros de ayuda de Windows) y lo que tienen en común es que todos poseen enlaces.
Un enlace es una zona de texto o gráfico que al ser seleccionado nos traslada a otra posición dentro del documento actual o a otro documento, que puede encontrarse en el mismo ordenador o en otro de cualquier parte del planeta. Son los enlaces lo que hacen de la World Wide Web o telaraña lo que es.
Para incorporar un enlace hay que utilizar esta etiqueta <a>. Todo lo que encerremos entre <a> y </a>, ya sea texto o imágenes, será considerado como enlace y sufrirá dos modificaciones:
1. El texto aparecerá subrayado y de un color distinto al habitual, y las imágenes estarán rodeadas por un borde del mismo color que el del texto del enlace.
2. Al pulsar sobre el enlace, se abrirá en el navegador el documento al que apuntaba el enlace.
En el enlace debemos especificar una dirección. Lo haremos de la siguiente manera:
<a href="dirección">Clic aqui</a>
Imágenes
Un elemento importante de información son las imágenes que pueden ser colocadas en la página utilizando la etiqueta <img src=”...”>.
...