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

¿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 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.

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.

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.

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

blockquote

<blockquote>

</blockquote>

Cita larga

body Opcional Opcional Cuerpo del documento

br <br> Prohibido Salto de línea forzado

button <button> </button> Botóncaption <caption> </caption> Título de tablacenter <center> </center> D L Forma

abreviada de DIV align=center

cite <cite> </cite> Citacode <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 borradodfn <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> Énfasisfieldset <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 Subventanaframeset <frameset

> </frameset>

F Subdivisión en ventanas

h1 <h1> </h1> Encabezadoh2 <h2> </h2> Encabezadoh3 <h3> </h3> Encabezadoh4 <h4> </h4> Encabezadoh5 <h5> </h5> Encabezadoh6 <h6> </h6> Encabezadohead Opcional Opcional Cabecera del

documentohr <hr> Prohibido Separador

horizontalhtml Opcional Opcional Elemento raíz

del documentoi <i> </i> Estilo de texto

en itálicaiframe <iframe> </iframe> L Subventana en

líneaimg <img> Prohibido Imagen

incluidainput <input> Prohibido Control de

formularioins <ins> </ins> Texto

insertadoisindex <isindex> Prohibido D L Entrada de

texto en una sola línea con

indicadorkbd <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 listalink <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

noframes

<noframes>

</noframes>

F Contenedor de contenidos alternativos para la representación no basada en marcos

noscript <noscript>

</noscript>

Contenedor de contenidos alternativos para la representación no basada en scripts

object <object> </object> Objeto incluido genérico

optgroup

<optgroup>

</optgroup>

Grupo de opciones

option <option> Opcional Opción

seleccionable

p <p> Opcional Párrafoparam <param

> ol <ol> </ol> Lista

ordenada

Prohibido Valor de propiedad con nombre

pre <pre> </pre> Texto preformateado

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

span <span> </span> Contenedor genérico de idioma/estilo

strike <strike> </strike> D L Estilo de texto tachado

strong <strong>

</strong>

Énfasis fuerte

style <style> </style> Información de estilo

sub  Subíndicesup  Superíndic

etable <table> </table> tbody Opcional Opcional Cuerpo de

tablatd <td> Opcional Celda de

datos de una tabla

textarea

<textarea>

</textarea>

Campo de texto multilínea

tfoot <tfoot> Opcional Pie de tabla

th <th> Opcional Celda de encabezado 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 monoespacio

u <u> </u> D L Estilo de texto subrayado

ul <ul> </ul> Lista no ordenada

var <var> </var> Variable o argumento de un programa