Un
ejemplo de código HTML con coloreado de sintaxis.
·
<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 elDOCTYPE, 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 eltipo
MIME en el atributo type, en el caso de JavaScript 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:
·
<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"
type="text/css">.
·
<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>.
·
<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, como color de
fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A
continuación se indican algunas a modo de ejemplo:
·
<h1> a <h6>:
encabezados o títulos del documento con diferente relevancia.
·
<table>:
define una tabla.
·
<tr>: fila
de una tabla.
·
<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.
Por ejemplo:<a href="http://www.example.com"
title="Ejemplo" target="_blank"
tabindex="1">Ejemplo</a> se representa como ejemplo.14
·
<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. Por ejemplo: <img src="./imágenes/mifoto.jpg"
/>. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".
·
<li><ol><ul>:
etiquetas para listas.
·
<b>: texto
en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>).
·
<i>: texto
en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>).
·
<s>: texto
tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>).
·
<u>: Antes
texto subrayado. A partir de HTML 5 define porciones de texto diferenciadas o
destacadas del resto, para indicar correcciones por ejemplo (etiqueta
desaprobada en HTML 4.01 y redefinida en HTML 5).15 16
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>
No hay comentarios:
Publicar un comentario