|
Pasamos a enumerar los colores, apuntando su código HTML:
- <html>: marca el inicio del documento HTML, le dice al navegador que lo que viene a continuación debe ser interpretado como código HTML.
- <head>: marca 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>: marca 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" 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>: marca el contenido principal o cuerpo del documento. Esta es la parte del documento html que se ve 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>: marca 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.tutorialnovatos.com">Tutorial Novatos</a> se representa como Tutorial Novatos)
- <div>: área de la página
- <img>: imagen. Necesita del atributo src, que dice la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imagenes/mifoto.jpg" />
- <li><ol><ul>: Etiquetas para listas.
- <b>: texto en negrita (Etiqueta descartada. Se aconseja utilizar la etiqueta <strong>)
- <i>: texto en cursiva
- <u>: texto subrayado
La mayoría de etiquetas deben cerrarse igual que 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>.
|
