HTML (HyperText Mark-Up Language) es lo que se conoce como "lenguaje de marcado", cuya función es preparar documentos escritos aplicando etiquetas de formato. Las etiquetas indican cómo se presenta el documento y cómo se vincula a otros documentos.
HTML se usa también para la lectura de documentos en interneT desde diferentes equipos gracias al protocolo HTTP, que permite a los usuarios acceder, de forma remota, a documentos almacenados en una dirección específica de la red, denominada dirección URL.
La World Wide Web (WWW), o simplemente la Web, es la red mundial formada por todos los documentos (llamados "páginas Web") conectados entre sí por hipervínculos.
A menudo, las páginas web se organizan alrededor de una página principal que actúa como eje central para buscar otras páginas con hipervinculos. Este grupo de páginas Web unidas por hipervínculos y centradas alrededor de una página principal se llama sitio Web.
La Web es un amplio archivo dinámico compuesto de una gran variedad de sitios Web y que permite el acceso a páginas Web que contienen texto formateado, imágenes, sonidos, videos, etc.
HISTORIA
Internet nació gracias a ARPANET, un proyecto militar desarrollado con la finalidad de mantener una red de transmisión de paquetes entre ordenadores. ARPANET data de 1969 y sus desarrolladores pretendían que sirviera como arma defensiva en caso de una guerra nuclear. De esta forma, si se atacaba una ciudad de Estados Unidos, el resto de nodos (usuarios) de ARPANET se enteraría de los acontecimientos y podría mantener el flujo de las comunicaciones.
Los desarrolladores de ARPANET comenzaron a investigar protocolos para transmitir paquetes de información. Su primer logro fue el desarrollo del protocolo TCP, que todavia se utiliza a en la mayoría de redes, y posteriormente inventaron otros como el protocolo para el correo electrónico, el FTP para la transferencia de archivos...
En los años 80 se crea una red paralela, la NSFNET, para científicos y a la que algunas personas tenían acceso, sobre todo en universidades. Pero nadie se planteó crear un protocolo para transmitir datos con formato. Era posible transmitir información y archivos pero no archivos con interactividad que se transmitieran y fueran mostrados.
Lo que se hizo fue basarse en un lenguaje ya inventado denominado SGML, el cual se basaba en etiquetas tipo <etiqueta atributo="valor">, para crear un lenguaje que indicara cómo se ven la información en forma de hipertexto. Con esto nació el HTML, que tenía etiquetas SGML, como <a href="http://wwwgoogle.com"> (algo así como <vínculo dirección="google.es">).
En los años 90 el protocolo salió a la luz junto a la INTERNET, cuando se abandonaron ARPANET y NSFNET y se usó INTERNET únicamente para un público abierto de forma que todos pudieramos usarlo. Con ello, se utilizó el protocolo HTTP para que desde nuestras casas llamáramos a otro ordenador y éste nos enviara el código HTML de la página a nuestro ordenador.
De esto se encarga un navegador, que nos permite contactar con el susodicho ordenador y cuando la página se envíe mostrarla. El navegador interpreta el código HTML y nos lo muestra.
SINTAXIS BÁSICA DE
HTML
<html>
<head>
<title>Título</title>
</head>
<body>
Texto del documento, menciones a gráficos, enlaces, etc.
</body>
</html>
<html>
<head>
<title>Título</title>
</head>
<body>
Texto del documento, menciones a gráficos, enlaces, etc.
</body>
</html>
PRINCIPALES ETIQUETAS DE HTML
ETIQUETA
|
CONCEPTO
|
|
<html>
|
Define el inicio del documento HTML, le indica al navegador que lo
que viene a continuación debe ser interpretado como código HTML.
|
|
<script>
|
incrusta un script en una web, o se llama a uno
mediante src="url del script"
|
|
<head> </head>
|
define la cabecera del documento HTML; esta cabecera suele contener
información sobre el documento que no se muestra directamente al usuario
|
|
<title>:
|
Define el título de la página. Por lo general, el
título aparece en la barra de título encima de la ventana.
|
|
<link>:
|
Para vincular el sitio a hojas de estilo o iconos.
|
|
<style>
|
Para colocar el estilo interno de la página; ya sea
usando CSS, u otros lenguajes similares. No es necesario colocarlo si se va a
vincular a un archivo externo usando la etiqueta <link>.
|
|
<body> </body>
|
Define el contenido principal o cuerpo del documento. Esta es la
parte del documento html que se muestra en el navegador; dentro de esta
etiqueta pueden definirse propiedades comunes a toda la página, como color de
fondo y márgenes.
|
|
<h1> a
<h6>:
|
Encabezados o títulos del documento con diferente
relevancia.
|
|
<table> </table>
|
Define una tabla.
|
|
<tr>:
|
Fila de una tabla.
|
|
<td> </td>
|
Celda de una tabla (debe estar dentro de una fila).
|
|
<a>
|
hipervínculo o enlace, dentro o fuera del sitio web
|
|
<div>:
|
División de la página.
|
|
<img>
|
Imagen. Requiere del atributo src, que indica la
ruta en la que se encuentra la imagen.
|
|
<li><ol><ul>:
|
Etiquetas para listas.
|
|
<b> ó
<strong> |
texto en negrita
|
|
<i> ó <em>
|
texto en cursiva
|
|
<s> ó
<del>
|
texto tachado
|
|
<u> </u>
|
texto subrayado
|
|
<blockquote> </blockquote>
|
Sangrado.
|
|
<br>
|
Salto de línea.
|
|
<caption> </caption>
|
Establece el título de una tabla. Dentro de
<table>.
|
|
<center> <center>
|
Centra en horizontal.
|
|
<font> </font>
|
Fuente.
|
|
<form> </form>
|
Formulario
|
|
<frame> </frame>
|
Marco.
|
|
<frameset> </frameset>
|
Estructura de los marcos.
|
|
<h1> </h1>
|
Encabezado de primer orden
|
|
<hr>
|
Línea de separación horizontal.
|
|
<iframe>
|
Marco en línea. Carga en un marco otra página.
|
|
<ol>
|
Lista numerada de objetos.
|
|
<p> </p>
|
Párrafo nuevo.
|
|
<sub> </sub>
|
Subíndice.
|
|
<sup> </sup>
|
Superíndice.
|
|
BIBIOGRAFIA
