<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.<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>podemos encontrar:
Un ejemplo de código HTML con coloreado de sintaxis
-
<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 Por ejemplo:<link rel="stylesheet" href="/style.css" mce_href="/style.css" type="text/css"><style>: para colocar el estilo interno de la página, ya sea usando CSS, JavaScript u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta<link>
<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. Dentro del cuerpo<body>podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:
-
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>: encabezados o títulos del documento con diferente relevancia.<table>: define una tabla
-
<tr>: fila de una tabla
-
<td>: celda de datos de una tabla
<a>: Hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo:<a href="http://www.wikipedia.org" mce_href="http://www.wikipedia.org">Wikipedia</a>se representa como Wikipedia)<div>: área de la página<img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo:<img src="./imagenes/mifoto.jpg" mce_src="./imagenes/mifoto.jpg" /><li><ol><ul>: Etiquetas para listas.<b>: texto en negrita (Etiqueta descartada. Se recomienda usar la etiqueta<strong>)<i>: texto en cursiva<u>: texto subrayado
- La mayoría de etiquetas deben cerrarse como se abren, pero con una barra (”/”) tal como se muestra en los siguientes ejemplos:
-
<table><tr><td>Contenido de una celda</td></tr></table><script>Código de un script integrado en la página</script>