1. H T M L , S I G L A S D E H Y P E R T E X T M A R K U P
L E N G U A J E ( « L E N G U A J E D E M A R C A S D E H I P E R T E X T O » ) ,
H A C E R E F E R E N C I A A L L E N G U A J E D E M A R C A D O P A R A L A
E L A B O R A C I Ó N D E P Á G I N A S W E B . E S U N E S T Á N D A R Q U E
S I R V E D E R E F E R E N C I A P A R A L A E L A B O R A C I Ó N D E
P Á G I N A S W E B E N S U S D I F E R E N T E S V E R S I O N E S , D E F I N E
U N A E S T R U C T U R A B Á S I C A Y U N C Ó D I G O ( D E N O M I N A D O
C Ó D I G O H T M L ) P A R A L A D E F I N I C I Ó N D E C O N T E N I D O D E
U N A P Á G I N A W E B , C O M O T E X T O , I M Á G E N E S , V I D E O S ,
E N T R E O T R O S . E S U N E S T Á N D A R A C A R G O D E L A W 3 C ,
O R G A N I Z A C I Ó N D E D I C A D A A L A E S T A N D A R I Z A C I Ó N D E
C A S I T O D A S L A S T E C N O L O G Í A S L I G A D A S A L A W E B , S O B R E
T O D O E N L O R E F E R E N T E A S U E S C R I T U R A E
I N T E R P R E T A C I Ó N .
HTML
2. El lenguaje HTML
basa su filosofía de desarrollo en la referenciación. Para añadir un elemento
externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta
directamente en el código de la página, sino que se hace una referencia a la
ubicación de dicho elemento mediante texto. De este modo, la página web
contiene sólo texto mientras que recae en el navegador web (interpretador del
código) la tarea de unir todos los elementos y visualizar la página final. Al ser un
estándar, HTML busca ser un lenguaje que permita que cualquier página web
escrita en una determinada versión, pueda ser interpretada de la misma forma
(estándar) por cualquier navegador web actualizado.
Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y
suprimido diversas características, con el fin de hacerlo más eficiente y facilitar
el desarrollo de páginas web compatibles con distintos navegadores y plataformas
(PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.).
3. Historia de HTML
Tim Berners-Lee (TBL) en 1991 describe 22 elementos que incluyen el
diseño inicial y relativamente simple de HTML. Trece de estos
elementos todavía existen en HTML 4.
Berners-Lee consideraba el HTML una ampliación de SGML, pero no
fue formalmente reconocida como tal hasta la publicación a mediados
de 1993, por la IETF de una primera proposición para una
especificación del HTML: el borrador del Hypertext Markup
Language de Berners-Lee y Dan Connolly, que incluía una Definición
de Tipo de Documento SGML para definir la gramática. El borrador
expiró a los seis meses, pero fue notable por su reconocimiento de la
etiqueta propia del navegador Mosaic usada para insertar imágenes sin
cambio de línea, que reflejaba la filosofía del IETF de basar estándares
en prototipos con éxito. De la misma manera, el borrador competidor
de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de
Marcaje de Hipertexto), de finales de 1993, sugería estandarizar
características ya implementadas, como las tablas
4. Marcado HTML
El HTML se escribe en forma de «etiquetas», rodeadas
por corchetes angulares (<,>). El HTML también puede
describir, hasta un cierto punto, la apariencia de un
documento, y puede incluir o hacer referencia a un tipo de
programa llamado script, el cual puede afectar el
comportamiento de navegadores web y otros procesadores de
HTML.
HTML también sirve para referirse al contenido del tipo de
MIME text / html o todavía más ampliamente como un
término genérico para el HTML, ya sea en forma descendida
del XML (como XHTML 1.0 y posteriores) o en forma
descendida directamente de SGML (como HTML 4.01 y
anteriores).
HTML consta de varios componentes vitales, entre ellos
los elementos y sus atributos, tipos de data y la declaración de
tipo de documento.
5. <html>: define el inicio del
documento HTML
<script>: incrusta un script en una
web
<head>: define la cabecera del
documento HTML
<title>: define el título de la página.
<link>: para vincular el sitio a hojas
de estilo o iconos
<style>: para colocar el estilo interno
de la página
<meta>: para metadatos como la
autoría o la licencia
<body>: define el contenido
principal o cuerpo del documento.
<table>: define una tabla.
<tr>: fila de una tabla.
<td>: celda de una tabla.
<a>: hipervínculo o enlace, dentro o
fuera del sitio web
<div>: división de la página.
<img>: imagen
<li><ol><ul>: etiquetas para listas.
<b>: texto en negrita
<i>: texto en cursiva
<s>: texto tachado
<u>: Antes texto subrayado.
Códigos HTML básicos
7. Accesibilidad web
El diseño en HTML, aparte de cumplir con las
especificaciones propias del lenguaje, debe respetar
ciertos criterios de accesibilidad web, siguiendo unas
pautas o las normativas y leyes vigentes en los países
donde se regule dicho concepto. Se encuentra
disponible y desarrollado por el W3C a través de las
Pautas de Accesibilidad al Contenido Web 1.0 WCAG
(actualizadas recientemente con la especificación
2.0), aunque muchos países tienen especificaciones
propias, como es el caso de España con la Norma
UNE 139803.
8. Entidades HTML
Carácter Entidad HTML Carácter Entidad HTML
á á Á Á
é é É É
í í Í Í
ó ó Ó Ó
ú ú Ú Ú
ü ü Ü Ü
ñ ñ Ñ Ñ
¡ ¡ ¿ ¿