INSTITUTO TECNOLOGICO DE NOR-ORIENTE

ITECNOR

Dubbley Omar Sandoval

HTML

Vanegas Morales, Carlos Enmanuel

Vásquez Montejo, Lizbeth Noemí

5to. PIA

Sección B

Llanos de la fragua, Miércoles 25 de febrero de 205

HTML

HTML, siglas de HyperText Markup Language («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 referenciaron. 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, Chrome) 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

Evolución de HTML5

HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante

del lenguaje básico de la World Wide Web,HTML. HTML5 especifica dos variantes

de sintaxis para HTML: un «clásico» HTML (text/html), la variante conocida

comoHTML5 y una variante XHTML conocida como sintaxis XHTML5 que deberá

ser servida como XML. Esta es la primera vez que HTML y XHTML se han

desarrollado en paralelo.

La versión definitiva de la quinta revisión del estándar se publicó en octubre de

2014.

Al no ser reconocido en viejas versiones de navegadores por sus nuevas

etiquetas, se recomienda al usuario común actualizar a la versión más nueva, para

poder disfrutar de todo el potencial que provee HTML5.

NUEVOS ELEMENTOS

HTML5 establece una serie de nuevos elementos y atributos que reflejan el uso

típico de los sitios web modernos. Algunos de ellos son técnicamente similares a

las etiquetas <div> y <span>, pero tienen un significado semántico, como por

ejemplo <nav> (bloque de navegación del sitio web) y<footer>. Otros elementos

proporcionan nuevas funcionalidades a través de una interfaz estandarizada,

como los elementos <audio> y <video>. Mejora el elemento<canvas>, capaz de

renderizar elementos 3D en los navegadores más importantes (Firefox, Chrome,

Opera, Safari e Internet Explorer).

Algunos elementos de HTML 4.01 han quedado obsoletos, incluyendo elementos

puramente de presentación, como <font> y <center>, cuyos efectos son

manejados por Hojas de estilo en cascada. También hay un renovado énfasis en

la importancia del scripting DOM para el comportamiento de la web 2.0.

TABLA DE ETIQUETAS HTML

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

applet <applet> </applet> D L Applet Java

area <area> 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

basefont <basefont> Prohibido D L Tamaño base de fuente

bdo <bdo> </bdo> Anular algoritmo BiDi 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ón

caption <caption> </caption> Título de tabla

center <center> </center> D L Forma abreviada de DIV align=center

cite <cite> </cite> Cita

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

html Opcional Opcional Elemento raiz 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

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

ol <ol> </ol> Lista ordenada

optgroup <optgroup> </optgroup> Grupo de opciones

option <option> Opcional Opción seleccionable

p <p> Opcional Párrafo

param <param> 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índice

sup  Superíndice

table <table> </table>

tbody Opcional Opcional Cuerpo de tabla

td <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