1. 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
2. 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
3. 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.
4. 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
5. 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
6. 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> </sub> Subíndice
sup <sup> </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