Internet en la actualidad es una herramienta de gran ayuda para realizar búsquedas de información, y para crear nueva información a partir de cero.
De la variedad de servicios que presta internet la mas utilizada es World Wide Web o WWW.
Tal vez usted se preguntará como se crean estas páginas? La respuesta es con HTML.
¿Qué es HTML?
HTML son las iniciales de Hiper Text Markup Language
Es un conjunto de series o etiquetas incluidas en archivos de texto que definen la estructura de un documento WWW y sus vínculos con otros documentos.
¿Por dónde comenzar?
1. Utilizar programas creados para desarrollo de páginas WEB, por ejemplo:
- Microsoft Front Page
- Hot Dog
- Microsoft Internet Assistant
- Microsoft Office 97
Como casi todos los sistemas mas comunes en PC funcionan bajo un entorno Windows, para crear los hipertextos utilizaremos un accesorio, El Bloc de Notas o Note Pad.
Páginas WEB
El hipertexto es un archivo de texto que contiene instrucciones que pueden ser interpretadas por un navegador de internet. Estas instrucciones son denominadas Etiquetas.
Etiquetas
Una etiqueta cumple su función de la siguiente manera:
<nombre de la etiqueta> Apertura de una etiqueta siempre entre "< >"
texto/ gráfico/ etiquetas A la cual se aplica la etiqueta
</nombre de la etiqueta> Cierra de la etiqueta siempre entre "< >"
Al acabar de crear un hipertexto, este se deberá grabar con la extensión html. Es bueno acotar esto ya que es un archivo que tiene una extensión definida.
Estructura básica de una página WEB
Una página esta compuesta por 2 partes: el encabezamiento y el cuerpo de la página.
Existen 3 tipos de etiquetas fundamentales, las mismas que deben estar incluidas en el archivo HTML de manera obligatoria. Estas son:
- <html> </html> Indica el navegador que el documento texto que esta leyendo es un documento HTML. Esta etiqueta se abre al inicio del archivo y se cierra al final del mismo
- <head> </head> Acá se detalla el encabezado de la página WEB. Esta se abre después de la etiqueta de <html>
- <body> </body> Cuerpo de la página donde se despliega el contenido global, esta etiqueta se abre después de cerrar el encabezamiento y se extiende hasta el final de la página, cerrandose antes de </HTML>
Etiqueta: <title> </title>
Esta etiqueta va en la parte del encabezamiento de la página web, es decir en el HEAD y define en su contenido el título de la página web, el cual aparecerá enla parte superior izquierda de la pantalla de su navegador.
Sin cerrar nuestro navegador de internet, volvemos al editor de texto e incluimos al campo <title> entre las etiquetas de apertura y cierre el encabezado(head)
Etiqueta <body> </body>
Todo el texto, las imágenes y el formato visible al usuario deben encontrarse entre las etiquetas <body> </body>, esta etiqueta cuenta con los siguientes atributos, ejemplo:
- Bgcolor: define el color de fondo de la página
- Text: defiine el cole de texto de la página
- Link: define el color de los vínculos de la página
- Alink: define el color del vinculo actual
- Vlink: define el color del vínculo ya visitado
¿Cómo se utilizan los colores HTML?
Se puede llegar a tener mas de 16 millones de colores en una página web.
Existen 2 formas de aplicar colores a una página web:
1.- Se especifica el color deseado directamente con el nombre del colr en ingles.
2.- Se especifica el color deseado mediante números hexadecimales mediante la siguiente estructura: #RRVVAA
Texto en HTML
HTML fue creado en principio para el alfabeto inglés, pero se buscaron modos para mostrar también caracteres especiales.
Utilizaremos & y ; para denotar el inicio y el final respectivamente de un símbolo especial.
Etiqueta <br>
La etiqueta <br> instruye al navegador cliente que inserte un salto de línea en un documento HTML.
Etiqueta <hr>
La etiqueta <hr> dibuja una manera predeterminada una regla horizontal alineada automáticamente, con una apariencia de tercera dimensión.
Encabezados
Las etiquetas <hl> </hl> al <h6> </h6> son encabezados del cuerpo de texto. El encabezamiento <hl> nos proporciona las letras de mayor tamaño
Unicación, formato y atributos de texto
Etiqueta <center> </center>
Se utiliza para centrar el texto/imagen o datos que se encuentren entre la apertura y el cierre.
Etiqueta <b> </b>
Esta es la etiqueta que nos posibilita un texto con negrillas.
Etiqueta <u> </u>
Etiqueta que posibilita resaltar un texto subrayado.
Etiqueta <i> </i>
Etiqueta que permite resaltar el texto con inclinación itálica
