Lenguaje HTML
Enviado por eyan • 14 de Octubre de 2012 • Informes • 1.250 Palabras (5 Páginas) • 473 Visitas
Lenguaje HTML
HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (ejemplo Javascript), este puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
En este lenguaje se escriben los millones de documentos que hoy existen en el World Wide Web. Cuando accedemos a uno de estos documentos, el cliente (Netscape, Internet Explorer, Mosaic, Lynx, Mozilla) los interpreta y los muestra.
HTML no es sensible a mayúsculas y minúsculas. Para HTML es equivalente <HTML> y <html>, con algunas excepciones. Es recomendable escribir los nombres de las etiquetas en minúsculas. El modo de escribir los documentos bien formados es la siguiente:
• Nombres de etiquetas y atributos en minúsculas.
• Etiquetas de cierre para elementos no vacíos.
• Los valores de los atributos deben estar incluidos entre comillas dobles.
Estructura de un documento HTML
Todas las páginas web tienen la siguiente estructura:
<html>
<head>
<title>Primera página</title>
</head>
<body>
</body>
</html>
En la primer línea encontramos la etiqueta <html>. Indica al cliente que comienza un documento HTML.
Luego viene <head>, la cabecera, es donde se pone información sobre el documento, que no se ve en la pantalla del navegador. Aquí puede ir el título <title> del documento, es lo que veremos como título de la ventana en los navegadores que lo permitan y como se conocerá nuestra página en algunos buscadores y en la lista de favoritos de los usuarios (es importante pensar bien el título del documento).
Después aparece <body>, el cuerpo, que es donde se coloca la información que queremos mostrar en la pantalla principal del navegador.
Cambiando el estilo de letra
<b>...</b> Pone el texto en negrita.
<i>...</i> Representa el texto en cursiva.
<u>...</u> Para subrayar algo.
<s>...</s> Para tachar.
<tt>...</tt> Permite representar el texto en un tipo de letra de paso fijo.
<sup>...</sup> Letra superíndice.
<sub>...</sub> Letra subíndice
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 WWW.
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">Púlsame</a>
Listas
Existen varios tipos de listas en HTML, todas ellas se basan en la siguiente estructura:
<tipo_lista>
<li>Primer elemento
<li>Segundo elemento
</tipo_lista>
Incluyendo imágenes
Para incluir imágenes en nuestras páginas utilizaremos la etiqueta <img> de esta manera:
<img src="fichero_grafico" alt="descripcion">
El parámetro src especifica el nombre del fichero que contiene el gráfico. Los formatos estándar en la red son el GIF y el JPG. La últimas versiones de Netscape y Explorer aceptan también el formato PNG.
El parámetro alt especifica el texto que
...