1. Catedra: Informática Básica No.2
Catedrático: Ing. Dubley Omar Sandoval Hernández.
Chávez Pérez, Joe René.
5to. “A”
P.I.A.
2. QUE ES 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 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, alo 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 sitioweb de descargaoficial(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. 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 talhasta lapublicación amediados de 1993, por la IETF (en español: Grupo
de Trabajo de Ingeniería de Internet), 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.
SUS EVOLUCIONES
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), lavariante conocida como HTML5 y una variante
XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML.1 2 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.3
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.
El desarrollo de este lenguaje de marcado es regulado por el Consorcio W3C.
4. Evolución del HTML hacia marcado o aplicación.
En los últimos tiempos estamos viendo como elnavegador estápasando de serun programa
a ser un framework.
Mi pregunta es, ¿qué tendencia se marca con el HTML5? Seguir siendo un lenguaje de
marcado con ciertas características visuales osetiende a un cambio de basepara orientarlo
definitivamente hacia la creación de app potentes y flexibles.
Y aunque parezca algo de respuesta obvia por la repetición de la cantinela que hacen todos
los medios, no dejo de ver, de vez en cuando, pasos atrás en la orientación del HTML hacia
aplicaciones como es la negativa del W3C a incorporar objetos reales a Javascript o
mantener algunas normas antiguas y un poco viejas en css o en HTML.
TABLA DE ESTIQUETAS DE HTML.
Elemento raíz
Etiqueta Descripción Notas
!DOCTYPE
tipo de documento (versión de xhtml
empleada)
Html engloba todo el documento
Metadatos
Etiqueta Descripción
Head delimita el encabezado del documento
title
título del documento (se muestra en la
barra de título del navegador)
base / URI base para direcciones relativas
link /
Enlace a otros archivos (hoja de estilo,
etc.)
meta / meta información sobre el documento
style hoja de estilo incluida en el documento
Secciones
Etiqueta Descripción
5. Body delimita el cuerpo del documento
h1 a h6 encabezado (de nivel 1 a 6)
address dirección (información sobre el autor)
Contenido (bloque)
Etiqueta Descripción
p párrafo
hr / línea horizontal
pre texto pre formateado
blockquote cita larga (que incluye varios párrafos)
ol lista ordenada
ul lista no ordenada
li
elemento de lista (ordenada o no
ordenada)
dl lista de definición
dt término en lista de definición
dd definición en lista de definición
div división
Texto (en línea)
Etiqueta Descripción
a hiperenlace
em énfasis
strong énfasis (mayor que <em>)
small texto pequeño
S texto tachado Desaconsejada en XHTML 1.0
cite cita
q
cita breve (que no requiere saltos de
línea)
dfn definición
abbr abreviatura
code
fragmento de código fuente de programa
de ordenador
var variable (de programa de ordenador)
samp
ejemplo de salida de programa de
ordenador
6. kbd teclado
sub subíndice
sup superíndice
i texto en itálicas (cursiva)
b texto en negrita
U texto subrayado Desaconsejada en XHTML 1.0
bdo dirección de escritura
span fragmento de texto (elemento en línea)
br / salto de línea
acronym acrónimo Obsoleta en HTML 5
big texto grande Obsoleta en HTML 5
tt
texto en fuente no proporcional
(espaciado fijo)
Obsoleta en HTML 5
Modificaciones
Etiqueta Descripción
ins texto insertado
del texto borrado
Contenido empotrado
Etiqueta Descripción
img / imagen
iframe marco incrustado en el documento
object objeto
param / parámetro para <objeto>
map mapa de imagen
area / área en mapa de imagen
Tablas
Etiqueta Descripción
table tabla
caption leyenda de tabla
colgroup grupo de columnas
col / columna
tbody cuerpo de tabla (grupo de filas)
7. thead cabecera de tabla (grupo de filas)
tfoot pie de tabla (grupo de filas)
Tr fila
td celda
th celda de cabecera
Formularios
Etiqueta Descripción
form formulario
label etiqueta de un control
input /
control (hay varios controles: texto,
botón radio, etc)
button botón
select menú
optgroup grupo de opciones en un menú
option opción de menú
textarea área de texto
fieldset grupo de controles
legend leyenda de grupo de controles
Scripts
Etiqueta Descripción
Script script
noscript
contenido a mostrar en navegadores que
no admiten <script>
Otros
Etiqueta Descripción
<!-- ... -->
comentario (sólo visible en el código
fuente)
frameset frames en que se divide la pantalla Obsoleta en HTML 5
frame / contenido del frame Obsoleta en HTML 5
noframes
contenido a mostrar en navegadores que
no admiten <frame>
Obsoleta en HTML 5
Etiquetas desaconsejadas
Etiqueta Descripción
8. applet applet de Java
Desaconsejada en XHTML 1.0.
Obsoleta en HTML 5
basefont / tamaño de tipo de letrabase
Desaconsejada en XHTML 1.0.
Obsoleta en HTML 5
center div con alineación centrada
Desaconsejada en XHTML 1.0.
Obsoleta en HTML 5
Dir lista de directorio
Desaconsejada en XHTML 1.0.
Obsoleta en HTML 5
Font tipo de letra
Desaconsejada en XHTML 1.0.
Obsoleta en HTML 5
isindex / caja de texto en formularios
Desaconsejada en XHTML 1.0.
Obsoleta en HTML 5
Menú lista de menú Desaconsejada en XHTML 1.0.
strike texto tachado
Desaconsejada en XHTML 1.0.
Obsoleta en HTML