HTML

1. Instituto Tecnológico de Nor-Oriente
ITECNOR
Ing. Omar Sandoval
Informática básica II
HTML
Gutiérrez Aldana Sandy floridalma.
Perito en industria alimentaria
5to A
Llanos de la fragua Zacapa 23/02/2015

2. ¿Qué es HTML?
HTML, siglas de Hipertexto Markup Lenguaje («lenguaje de
marcas de hipertexto»), hace referencia al lenguaje de
marcado para la elaboración de páginas web. Es un estándar
que sirve de referencia para la elaboración de páginas web en
sus diferentes versiones, define una estructura básica y un
código (denominado código HTML) para la definición de
contenido de una página web, como texto, imágenes, entre
otros. Es un estándar a cargo de la W3C, organización
dedicada a la estandarización de casi todas las tecnologías
ligadas a la web, sobre todo en lo referente a su escritura e
interpretación.
El lenguaje HTML basa su filosofía de desarrollo en la
referenciarían. 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

3. escritorio, portátiles, teléfonos inteligentes, tabletas, etc.).
Sin embargo, para interpretar correctamente una nueva
versión de HTML, los desarrolladores de navegadores web
deben incorporar estos cambios y el usuario debe ser capaz
de usar la nueva versión del navegador con los cambios
incorporados. Normalmente los cambios son aplicados
mediante parches de actualización automática (Firefox,
Crome) u ofreciendo una nueva versión del navegador con
todos los cambios incorporados, en un sitio web de descarga
oficial (Internet Explorer). Un navegador no actualizado no
será capaz de interpretar correctamente una página web
escrita en una versión de HTML superior a la que pueda
interpretar, lo que obliga muchas veces a los desarrolladores
a aplicar técnicas y cambios que permitan corregir problemas
de visualización e incluso de interpretación de código HTML.
Así mismo, las páginas escritas en una versión anterior de
HTML deberían ser actualizadas o reescritas, lo que no
siempre se cumple. Es por ello que ciertos navegadores aún
mantienen la capacidad de interpretar páginas web de
versiones HTML anteriores. Por estas razones, aún existen
diferencias entre distintos navegadores y versiones al
interpretar una misma página web.
El físico nuclear Tim Bernés Lee definió la primera versión de
HTML en el año 1989. Después evolucionaría hasta llegar a
cuatro versiones más. HTML 4 fue la última en 1998. Después
llegaría el lenguaje que aun utilizamos, el XHTML hijo del XML
y el HTML.
No caigamos en el error de pensar que uno supone la
desaparición del otro pues el XHTML necesita del HTML para
ser entendido por el ordenador. En otras palabras, el HTML
abre las puertas y el XHTML trabaja.

4. Quisiera utilizar las siguientes líneas para contaros la historia
del HTML, pero no sin antes hacer constar que detrás de unos
pocos nombres y fechas hay mucho más trabajo.
Quisiera utilizar las siguientes líneas para contaros la historia
del HTML, pero no sin antes hacer constar que detrás de unos
pocos nombres y fechas hay mucho más trabajo, conexiones,
ideas y nombres que por cuestiones de espacio, tiempo y
claridad quedan exentas de este artículo.
Ante todo, definir de que estamos hablando exactamente:
HTML es el acrónimo de HyperText Markup Lenguaje, que
traducido a nuestro idioma es Lenguaje de Marcación de
Texto. Es una herramienta para que el ordenador conectado a
Internet interprete como visualizar el documento.
No es un lenguaje de programación y no tiene compilador
alguno, así que si hay algún error que no detecta lo
visualizará de la manera en la que lo ha entendido. Es un
sistema de etiquetas que indica al ordenador cuando hay que
señalar una cursiva, separar un párrafo o definir el color del
texto.
De todas maneras, tiene sus limitaciones así que a menudo se
utilizan otras herramientas como las hojas de estilo, que le
dan mayor libertad al diseñador. En concreto, el HTML le da
las indicaciones mencionadas al programa cliente, el browser
o navegador para que presente el documento en la pantalla
de la manera adecuada.

5. El HTML se hizo popular por su sencillez, era fácil de aprender
y eso lo hace accesible a mayor número de personas. Estos
documentos web deben estar escritos con el mismo
“lenguaje” para que diferentes ordenadores puedan leerlos, si
alguien utiliza un sistema diferente no podrá compartir su
información con los que usan el HTML ni podrá visualizar los
de los demás.
Por eso la tendencia es crear un estándar que evoluciona poco
a poco y que es compatible con la versión anterior.

6. Nombre Etiqueta
inicial
Etiqueta
final
Des. DTD Descripción
a <a> </a> Origen o
destino del
vínculo
Abbr <abbr> </abbr> Abreviatura
(p.ej.: WWW,
HTTP, etc.)
Acronym <acronym
>
</acronym
>
Address <address> </address
>
Información
sobre el autor
Apple <applet> </applet> D L Applet Java
Área <área> Prohibido Área de un
mapa de
imágenes en el
lado del cliente
b <b> </b> Estilo de texto
en negrita
Base <base> Prohibido URI base del
documento
Base
Font
<base
Font>
Prohibido D L Tamaño base
de fuente
Vado <vado> </bdo> Anular
algoritmo BID
I18N
big <big> </big> Estilo de texto
grande
blockquo
te
<blockquo
te>
</blockquo
te>
Cita larga
body Opcional Opcional Cuerpo del
documento
br <br> Prohibido Salto de línea
forzado
button <button> </button> Botón
caption <caption> </caption> Título de tabla
center <center> </center> D L Forma
abreviada de
DIV
align=center
cite <cite> </cite> Cita

7. code <code> </code> Fragmento de
código de
computadora
col <col> Prohibido Columna de
una tabla
colgroup <colgroup
>
Opcional Grupo de
columnas de
una tabla
dd <dd> Opcional Descripción de
una definición
del <del> </del> Texto borrado
dfn <dfn> </dfn> Definición
dir <dir> </dir> D L Lista tipo
directorio
div <div> </div> Contenedor
genérico de
idioma/estilo
dl <dl> </dl> Lista de
definiciones
dt <dt> Opcional Término
definido
em <em> </em> Énfasis
fieldset <fieldset> </fieldset> Grupo de
controles de
un formulario
font <font> </font> D L Cambio local
de la fuente
form <form> </form> Formulario
interactivo
frame <frame> Prohibido F Subventana
frameset <frameset
>
</frameset
>
F Subdivisión en
ventanas
h1 <h1> </h1> Encabezado
h2 <h2> </h2> Encabezado
h3 <h3> </h3> Encabezado
h4 <h4> </h4> Encabezado
h5 <h5> </h5> Encabezado
h6 <h6> </h6> Encabezado
head Opcional Opcional Cabecera del
documento
hr <hr> Prohibido Separador
horizontal

8. html Opcional Opcional Elemento raíz
del documento
i <i> </i> Estilo de texto
en itálica
iframe <iframe> </iframe> L Subventana en
línea
img <img> Prohibido Imagen
incluida
input <input> Prohibido Control de
formulario
ins <ins> </ins> Texto
insertado
isindex <isindex> Prohibido D L Entrada de
texto en una
sola línea con
indicador
kbd <kbd> </kbd> Texto que
debe introducir
el usuario
label <label> </label> Texto del
rótulo de un
campo de
formulario
legend <legend> </legend> Leyenda de un
grupo de
campos
li <li> Opcional Objeto de lista
link <link> Prohibido Un vínculo
independiente
del medio
map <map> </map> Mapa de
imágenes en el
lado del cliente
menu <menu> </menu> D L Lista tipo
menú
meta <meta> Prohibido Metainformaci
ón genérica
noframe
s
<noframes
>
</noframe
s>
F Contenedor de
contenidos
alternativos
para la
representación
no basada en
marcos

9. noscript <noscript
>
</noscript
>
Contenedor de
contenidos
alternativos
para la
representación
no basada en
scripts
object <object> </object> Objeto incluido
genérico
optgro
up
<optgrou
p>
</optgrou
p>
Grupo de
opciones
option <option> Opcional Opción
seleccionab
le
p <p> Opcional Párrafo
param <param
> ol
<ol> </ol> Lista
ordena
da
Prohibido Valor
de
propied
ad con
nombre
pre <pre> </pre> Texto
preformate
ado
q <q> </q> Cita corta
en línea
s <s> </s> D L Estilo de
texto
tachado
samp <samp> </samp> Ejemplo de
salida de
programas,
scripts,
etc.
script <script> </script> Sentencias
de script
select <select> </select> Selector de
opciones
small <small> </small> Estilo de
texto
pequeño

10. span <span> </span> Contenedo
r genérico
de
idioma/esti
lo
strike <strike> </strike> D L Estilo de
texto
tachado
strong <strong> </strong
>
Énfasis
fuerte
style <style> </style> Informació
n de estilo
sub  Subíndice
sup  Superíndic
e
table <table> </table>
tbody Opcional Opcional Cuerpo de
tabla
td <td> Opcional Celda de
datos de
una tabla
textare
a
<textare
a>
</textare
a>
Campo de
texto
multilínea
tfoot <tfoot> Opcional Pie de
tabla
th <th> Opcional Celda de
encabezad
o de tabla
thead <thead> Opcional Cabecera
de tabla
title <title> </title> Título del
documento
tr <tr> Opcional Fila de una
tabla
tt <tt> </tt> Estilo de
texto de
teletipo o
monoespac
io
u <u> </u> D L Estilo de
texto
subrayado

11. ul <ul> </ul> Lista no
ordenada
var <var> </var> Variable o
argumento
de un
programa