HTML es un lenguaje que hace posible presentar
información (por ejemplo, investigaciones científicas) en Internet. Lo que ves
al visualizar una página en Internet es la interpretación que hace el navegador
del código HTML. Para ver el código HTML de una página sólo tienes que pinchar
en la opción "Ver" de la barra de menús y elegir "Código
fuente" (en Internet Explorer).
¿Para qué puedo usar HTML?
Si quieres crear
sitios web, no hay otra solución que aprender HTML. Incluso si usas un programa
como Dreamweaver, por ejemplo, para la creación de sitios web, poseer unos
conocimientos básicos de HTML hace la vida mucho más fácil y tus sitios web
mucho mejores. La buena noticia es que HTML es fácil de aprender y de usar. En
las dos próximas lecciones ya habrás aprendido cómo crear tu primer sitio web.
Códigos básicos HTML
<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. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz- <script>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso deJavaScript text/javascript.
- <head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera <head> es posible encontrar:
o
<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.
o
<link>: para vincular el sitio a hojas de estilo o
iconos. Por ejemplo:<link rel="stylesheet"
href="/style.css" type="text/css">.
o
<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>.
o
<meta>: para metadatos como la autoría o la licencia, incluso para indicar
parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o
por dificultades con server-side scripting.
- <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, comocolor de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:
o
<h1> a <h6>: encabezados o títulos del documento con diferente relevancia.
o
<table>: define una tabla.
o
<tr>: fila de una tabla.
o
<td>: celda de una tabla (debe estar dentro de una fila).
- <a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href.
- <div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido.
- <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen.
- <li><ol><ul>: etiquetas para listas.
